Live Online Coding for Kids

26 of our students will collaborate with the leaders of Silicon Valley

Having decoded the Silicon Valley Challenge, 26 of our best and brightest = are set to learn from and work with the engineers, entrepreneurs and VC's f= rom the Valley. Learn how these 26 become our Silicon Valley Superheroes.

4.7+ out of 5 stars from 8.6k+ reviews by = our students

Why Coding for Kids?

Creativity scores at genius level

Your kids can learn logic, structure, sequence and creative expression<= /h6>

George Land & Beth Jarman's landmark NASA study identified that kids=
peak in creativity at age 6, followed by a gradual decline as they
= grow up.

The real promise of coding is not that kids will become computer enginee= rs.
Coding is a fun tool for kids to exercise their desire to build, curiosity to question, imagination to explore - the traits that will serv= e any child
well in nearly any career, in every hobby, and in life.

WhiteHat Jr Superstars

1/5

David Chea, Age 10

Proud WhiteHat Jr Alumni

Created 'Safe zone' App that marks zones which ar= e not safe for children and provides alerts if someone is entering this are= a.

2/5

Hiranya Rajni, Age 7

Proud WhiteHat Jr Alumni

Created a 'Sign Language' App which allows people= to communicate with hearing impaired individuals using the American Sign L= anguage. She was also covered by Forbes.

3/5

Mae Mae, Age 9

Proud WhiteHat Jr Alumni

Created 'Anti Bullying' App which allows children to report incidents of bu= llying and harassment in a quick and standardised way. Her app was also rec= ognised by Hon=E2=80=99ble HRD minister.

4/5

Shaurya Sharma, Age 12

Proud WhiteHat Jr Alumni

Created a 'Slack for School' App which allows students and teachers to enga= ge in a more meaningful manner, with exchange of homework and conversations= .

5/5

Yuvraj Shah, Age 11

Proud WhiteHat Jr Alumni

Created 'Med Maze' app that helps connect individuals who have medicines th= at are about to expire with people who need them and cannot afford them.

Curriculum & Pricing

Beginner

(Grade 1)

Intermediate

(Grade 2-3)

Advanced

(Grade 4-6)

Professional

(Grade 7-9)

Applied Tech

(Grade 10+)

Introduction to Coding

8 Classes

SAVE 4%

Curriculum Includes

Sequence, Fundamentals Coding Blocks, Loops

View Detailed curriculum

Rs. 5,999

~~Rs. 6,299~~

Price Per Class Rs. 750

Achievements

Introduction To Coding

Advance Coding with Space Tech

144 Classes

SAVE 7%

Curriculum Includes

Introduction to Coding

App Developer Certificate

Extended UI/UX, Rich GUI app, Space Tech simulation = in Space Lab / Game Lab, Professional Game Design

View Detailed curriculum

BEST VALUE

Rs. 99,999

~~Rs. 107,999~~

Price Per Class Rs. 694

Achievements

Lifetime Access

Space Tech

18 Under 18 Fellowship

App Developer Certificate

48 Classes

SAVE 5%

Curriculum Includes

Introduction to Coding

Events / UI,Conditionals, Complex Loop, Logic Struct= ures, Turtle Coding

View Detailed curriculum

MOST POPULAR

Rs. 33,999

~~Rs. 35,999~~

Price Per Class Rs. 708

Achievements

App Developer Certificate

Publish your app To Playstore

Top 1% to go to Silicon Valley

Introduction to Coding

8 Classes

SAVE 4%

Curriculum Includes

Sequence, Fundamentals Coding Blocks, Loops

View Detailed curriculum

Rs. 5,999

~~Rs. 6,299~~

Price Per Class Rs. 750

Achievements

Introduction To Coding

Advance Coding with Space Tech

144 Classes

SAVE 7%

Curriculum Includes

Introduction to Coding

App Developer Certificate

Extended UI/UX, Rich GUI app, Space Tech simulation = in Space Lab / Game Lab, Professional Game Design

View Detailed curriculum

BEST VALUE

Rs. 99,999

~~Rs. 107,999~~

Price Per Class Rs. 694

Achievements

Lifetime Access

Space Tech

18 Under 18 Fellowship

App Developer Certificate

48 Classes

SAVE 5%

Curriculum Includes

Introduction to Coding

Events / UI,Conditionals, Complex Loop, Logic Struct= ures, Turtle Coding

View Detailed curriculum

MOST POPULAR

Rs. 33,999

~~Rs. 35,999~~

Price Per Class Rs. 708

Achievements

App Developer Certificate

Publish your app To Playstore

Top 1% to go to Silicon Valley

Introduction to Coding

8 Classes

SAVE 4%

Curriculum Includes

Sequence, Fundamentals Coding Blocks, Loops

View Detailed curriculum

Rs. 5,999

~~Rs. 6,299~~

Price Per Class Rs. 750

Achievements

Introduction To Coding

Advance Coding with Space Tech

144 Classes

SAVE 7%

Curriculum Includes

Introduction to Coding

App Developer Certificate

Extended UI/UX, Rich GUI app, Space Tech simulation = in Space Lab / Game Lab, Professional Game Design

View Detailed curriculum

BEST VALUE

Rs. 99,999

~~Rs. 107,999~~

Price Per Class Rs. 694

Achievements

Lifetime Access

Space Tech

18 Under 18 Fellowship

App Developer Certificate

48 Classes

SAVE 5%

Curriculum Includes

Introduction to Coding

Events / UI,Conditionals, Complex Loop, Logic Struct= ures, Turtle Coding

View Detailed curriculum

MOST POPULAR

Rs. 33,999

~~Rs. 35,999~~

Price Per Class Rs. 708

Achievements

App Developer Certificate

Publish your app To Playstore

Top 1% to go to Silicon Valley

Introduction to Coding

8 Classes

SAVE 4%

Curriculum Includes

Sequence, Fundamentals Coding Blocks, Loops

View Detailed curriculum

Rs. 5,999

~~Rs. 6,299~~

Price Per Class Rs. 750

Achievements

Introduction To Coding

Advance Coding with Space Tech

144 Classes

SAVE 7%

Curriculum Includes

Introduction to Coding

App Developer Certificate

Extended UI/UX, Rich GUI app, Space Tech simulation = in Space Lab / Game Lab, Professional Game Design

View Detailed curriculum

BEST VALUE

Rs. 99,999

~~Rs. 107,999~~

Price Per Class Rs. 694

Achievements

Lifetime Access

Space Tech

18 Under 18 Fellowship

App Developer Certificate

48 Classes

SAVE 5%

Curriculum Includes

Introduction to Coding

Events / UI,Conditionals, Complex Loop, Logic Struct= ures, Turtle Coding

View Detailed curriculum

MOST POPULAR

Rs. 33,999

~~Rs. 35,999~~

Price Per Class Rs. 708

Achievements

App Developer Certificate

Publish your app To Playstore

Top 1% to go to Silicon Valley

Introduction To Python

8 Classes

SAVE 4%

Curriculum Includes

Python Basics- Loops, conditionals, lists, functions= & Numpy Array, Make AI based Games

View Detailed curriculum

Rs. 5,999

~~Rs. 6,299~~

Price Per Class Rs. 750

Achievements

Introduction To Python

Advance Coding with Space Tech

144 Classes

SAVE 7%

Curriculum Includes

Introduction To Python

Data Analytics Certification

Deep Learning, Computer Vision & Natural Languag= e Processing, Life =E2=80=93Tech: Predict Disease & more

View Detailed curriculum

BEST VALUE

Rs. 99,999

~~Rs. 107,999~~

Price Per Class Rs. 694

Achievements

Lifetime Access

Deep Learning Applications

Top 1% Silicon Valley Mentorship

Data Analytics Certification

48 Classes

SAVE 5%

Curriculum Includes

Introduction To Python

Data Processing & Analytics (Classification &= ; Forecasting, Forecasting applications Searching Exo-Planets Earth Observa= tion)

View Detailed curriculum

MOST POPULAR

Rs. 33,999

~~Rs. 35,999~~

Price Per Class Rs. 708

Achievements

Data Science - Predictive Analysis certificate

Space Tech

*Courses have lifetime validity. Cancel anytime from the enrollment day for= no-questions-asked 100% refund.

Our Expert Coding Educators

Top 1% teachers selected by an industry-leading 4-step teacher assessme= nt process by top 1% of early childhood coding experts

WhiteHat Jr follows a rigorous 4-Step Selection Process for confirming teac= her candidates so your kids are taught by the Top Early Childhood Coding Ex= perts.

4.7+ out of 5 stars from 8.6k+ reviews by = our students

<= /div>

0:00

<= span class=3D"ytp-volume-area">

<= /div>

------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-16cbedb8-1eb4-4e65-8e2c-f22e45155d95@mhtml.blink @charset "utf-8"; @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src= : url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2") for= mat("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U= +A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src= : url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") for= mat("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src= : url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") for= mat("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src= : url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") for= mat("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src= : url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") for= mat("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+= 1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src= : url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") for= mat("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-= 20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src= : url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2") format= ("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA= , U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+221= 5, U+FEFF, U+FFFD; } ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-9ef5dad9-e4fe-4750-b49f-62be5372c0c5@mhtml.blink @charset "utf-8"; html { overflow: hidden; } body { font: 12px Roboto, Arial, sans-serif; background-color: rgb(0, 0, 0)= ; color: rgb(255, 255, 255); height: 100%; width: 100%; overflow: hidden; p= osition: absolute; margin: 0px; padding: 0px; } #player { width: 100%; height: 100%; } h1 { text-align: center; color: rgb(255, 255, 255); } h3 { margin-top: 6px; margin-bottom: 3px; } .player-unavailable { position: absolute; inset: 0px; padding: 25px; font-s= ize: 13px; background: url("/img/meh7.png") 50% 65% no-repeat; } .player-unavailable .message { text-align: left; margin: 0px -5px 15px; pad= ding: 0px 5px 14px; border-bottom: 1px solid rgb(136, 136, 136); font-size:= 19px; font-weight: normal; } .player-unavailable a { color: rgb(22, 122, 198); text-decoration: none; } ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://www.youtube.com/s/player/a09205f7/www-player-webp.css @charset "utf-8"; .html5-video-player { position: relative; width: 100%; height: 100%; overfl= ow: hidden; z-index: 0; outline: 0px; font-family: "YouTube Noto", Roboto, = Arial, Helvetica, sans-serif; color: rgb(238, 238, 238); text-align: left; = direction: ltr; font-size: 11px; line-height: 1.3; -webkit-font-smoothing: = antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: m= anipulation; } .html5-video-player:not(.ytp-transparent), .html5-video-player.unstarted-mo= de, .html5-video-player.ad-showing, .html5-video-player.ended-mode, .html5-= video-player.ytp-fullscreen { background-color: rgb(0, 0, 0); } .ytp-big-mode { font-size: 17px; } .ytp-autohide { cursor: none; } .html5-video-player a { color: inherit; text-decoration: none; transition: = color 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; outline: 0px; } .html5-video-player a:hover { color: rgb(255, 255, 255); transition: color = 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-probably-keyboard-focus a:focus { box-shadow: rgba(27, 127, 204, 0.8) = 0px 0px 0px 2px inset; } .html5-video-player h1, .html5-video-player h2 { margin: 0px; } .html5-video-player svg { pointer-events: none; } .html5-video-player:not(.ytp-touch-mode) ::-webkit-scrollbar { width: 10px;= background-color: rgb(66, 66, 66); } .ytp-big-mode:not(.ytp-touch-mode) ::-webkit-scrollbar { width: 15px; } .html5-video-player:not(.ytp-touch-mode) ::-webkit-scrollbar-track { backgr= ound-color: rgb(66, 66, 66); } .html5-video-player:not(.ytp-touch-mode) ::-webkit-scrollbar-thumb { backgr= ound-color: rgb(142, 142, 142); border: 1px solid rgb(66, 66, 66); border-r= adius: 5px; } .ytp-big-mode:not(.ytp-touch-mode) ::-webkit-scrollbar-thumb { border-radiu= s: 8px; } .html5-video-container { z-index: 10; position: relative; } .ytp-embed-error .html5-video-container { display: none; } .html5-main-video { position: absolute; top: 0px; left: 0px; width: 100%; h= eight: 100%; outline: 0px; } .html5-main-video[data-no-fullscreen=3D"true"]::-webkit-media-controls-full= screen-button { display: none; } .html5-main-video:not([controls])::-webkit-media-controls { display: none; = } .html5-main-video:not([controls])::-webkit-media-controls-start-playback-bu= tton { display: none; } .html5-main-video::-webkit-media-controls-timeline { display: inline; } .unstarted-mode .html5-main-video::-webkit-media-controls-start-playback-bu= tton { display: none; } @media screen and (max-width: 325px) { .html5-main-video::-webkit-media-controls-wireless-playback-picker-button= { display: none; } } .html5-main-video::-webkit-media-controls-current-time-display { display: -= webkit-flex; } .html5-main-video::-webkit-media-controls-time-remaining-display { display:= -webkit-flex; } .ytp-player-content { position: absolute; inset: 48px 0px 53px; transition:= bottom 0.25s cubic-bezier(0, 0, 0.2, 1) 0s, top 0.25s cubic-bezier(0, 0, 0= .2, 1) 0s; } .ytp-small-mode .ytp-player-content, .ytp-exp-bigger-button-like-mobile.ytp= -small-mode .ytp-player-content { bottom: 49px; } .ytp-exp-bigger-button-like-mobile .ytp-player-content { bottom: 61px; } .ytp-embed:not(.ad-showing) .ytp-player-content:not(.ytp-upnext) { top: 60p= x; } .ytp-big-mode .ytp-player-content { top: 69px; bottom: 70px; } .ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-player-content:not(.ytp-upnex= t) { top: 89px; } .ytp-player-content.ytp-iv-player-content { left: 12px; right: 12px; } .ytp-big-mode .ytp-player-content.ytp-iv-player-content { left: 24px; right= : 24px; } .ytp-autohide .ytp-player-content:not(.html5-endscreen), .ytp-autohide .ytp= -player-content:not(.ytp-upnext), .ytp-hide-info-bar .ytp-player-content { = top: 0px; transition: bottom 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, top 0.1s c= ubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-autohide .ytp-ypc-player-content, .ytp-hide-controls .ytp-player-conte= nt { bottom: 0px; } .ytp-autohide:not(.ytp-ad-overlay-open) .ytp-iv-player-content, .ytp-hide-c= ontrols .ytp-iv-player-content { bottom: 12px; } .ytp-ad-overlay-open .ytp-player-content { bottom: 143px; } .ytp-small-mode .ytp-ad-overlay-open .ytp-player-content, .ytp-exp-bigger-b= utton-like-mobile.ytp-small-mode .ytp-ad-overlay-open .ytp-player-content {= bottom: 139px; } .ytp-exp-bigger-button-like-mobile .ytp-ad-overlay-open .ytp-player-content= { bottom: 151px; } .ytp-big-mode.ytp-autohide:not(.ytp-ad-overlay-open) .ytp-iv-player-content= , .ytp-big-mode.ytp-hide-controls .ytp-iv-player-content { bottom: 24px; } .ytp-big-mode.ytp-ad-overlay-open .ytp-player-content { bottom: 160px; } .ytp-button { border: none; background-color: transparent; padding: 0px; co= lor: inherit; text-align: inherit; font-size: 100%; font-family: inherit; c= ursor: default; line-height: inherit; } .ytp-button:focus, .ytp-button { outline: 0px; } .html5-video-player .ytp-button[aria-disabled=3D"true"], .html5-video-playe= r .ytp-button[disabled] { opacity: 0.5; } .ytp-button:not([aria-disabled=3D"true"]):not([disabled]):not([aria-hidden= =3D"true"]) { cursor: pointer; } .ytp-probably-keyboard-focus .ytp-button:focus { box-shadow: rgba(27, 127, = 204, 0.8) 0px 0px 0px 2px inset; } .ytp-chrome-top, .ytp-chrome-bottom { position: absolute; text-shadow: rgba= (0, 0, 0, 0.5) 0px 0px 2px; } .ytp-dni .ytp-chrome-bottom { text-shadow: none; } .ytp-chrome-top { display: flex; flex-wrap: nowrap; justify-content: flex-e= nd; left: 12px; right: 12px; top: 0px; z-index: 59; } .ytp-gvn .ytp-chrome-top, .ytp-gvn.ytp-big-mode .ytp-chrome-top { top: 20px= ; } .ytp-chrome-bottom { bottom: 0px; height: 40px; width: 100%; z-index: 60; p= adding-top: 3px; text-align: left; direction: ltr; } .ytp-small-mode .ytp-chrome-bottom, .ytp-exp-bigger-button-like-mobile.ytp-= small-mode .ytp-chrome-bottom { height: 36px; } .ytp-exp-bigger-button-like-mobile .ytp-chrome-bottom, .ytp-embed-mobile-ex= p .ytp-chrome-bottom, .ytp-embed-mobile-exp.ytp-small-mode .ytp-chrome-bott= om { height: 48px; } .ytp-big-mode .ytp-chrome-bottom { height: 54px; padding-top: 4px; } .ytp-chrome-top .ytp-button, .ytp-small-mode .ytp-chrome-controls .ytp-butt= on, .ytp-small-mode .ytp-replay-button, .ytp-exp-bigger-button-like-mobile.= ytp-small-mode .ytp-chrome-controls .ytp-button, .ytp-exp-bigger-button-lik= e-mobile.ytp-small-mode .ytp-replay-button { opacity: 0.9; display: inline-= block; width: 36px; transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s;= overflow: hidden; } .ytp-chrome-controls .ytp-button, .ytp-replay-button { opacity: 0.9; displa= y: inline-block; width: 40px; transition: opacity 0.1s cubic-bezier(0.4, 0,= 1, 1) 0s; overflow: hidden; } .ytp-exp-bigger-button-like-mobile .ytp-chrome-controls .ytp-button, .ytp-e= xp-bigger-button-like-mobile .ytp-replay-button { width: 48px; } .ytp-embed-mobile-exp .ytp-chrome-controls .ytp-button, .ytp-embed-mobile-e= xp.ytp-small-mode .ytp-chrome-controls .ytp-button { width: 48px; height: 4= 8px; } .ytp-chrome-top .ytp-button { padding-top: 6px; height: 42px; vertical-alig= n: top; } .ytp-big-mode .ytp-chrome-top .ytp-button { padding-top: 9px; height: 63px;= } .ytp-chrome-controls .ytp-button { height: 100%; } .ytp-big-mode .ytp-chrome-top .ytp-button, .ytp-big-mode .ytp-chrome-contro= ls .ytp-button { width: 54px; } .ytp-prev-button::before { content: ""; display: block; height: 100%; width= : 12px; position: absolute; top: 0px; left: -12px; } .ytp-play-button:not(.ytp-play-button-playlist)::before { content: ""; disp= lay: block; height: 100%; width: 12px; position: absolute; top: 0px; left: = -12px; } .ytp-big-mode .ytp-prev-button::before, .ytp-big-mode .ytp-play-button:not(= .ytp-play-button-playlist)::before { width: 24px; left: -24px; } .ytp-chrome-top .ytp-button:hover, .ytp-chrome-controls .ytp-button:not([ar= ia-disabled=3D"true"]):not([disabled]):hover, .ytp-chrome-controls .ytp-but= ton[aria-expanded=3D"true"], .ytp-chrome-controls .ytp-button[aria-pressed= =3D"true"], .ytp-replay-button:hover { opacity: 1; transition: opacity 0.1s= cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-svg-fill { fill: rgb(255, 255, 255); } .ytp-svg-shadow { stroke: rgb(0, 0, 0); stroke-opacity: 0.15; stroke-width:= 2px; fill: none; } .ytp-dni .ytp-svg-shadow { display: none; } .ytp-svg-shadow-fill { fill: rgb(0, 0, 0); fill-opacity: 0.15; stroke: none= ; } .ytp-chrome-controls .ytp-button[aria-pressed] { position: relative; } .ytp-chrome-controls .ytp-button[aria-pressed]::after { content: ""; displa= y: block; position: absolute; height: 2px; border-radius: 2px; width: 0px; = left: 20px; bottom: 8px; background-color: rgb(255, 0, 0); transition: left= 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, width 0.1s cubic-bezier(0.4, 0, 1, 1) = 0s; } .ytp-small-mode .ytp-chrome-controls .ytp-button[aria-pressed]::after, .ytp= -exp-bigger-button-like-mobile.ytp-small-mode .ytp-chrome-controls .ytp-but= ton[aria-pressed]::after { left: 18px; bottom: 6px; } .ytp-exp-bigger-button-like-mobile .ytp-chrome-controls .ytp-button[aria-pr= essed]::after { height: 3px; border-radius: 3px; left: 24px; bottom: 9px; } .ytp-big-mode .ytp-chrome-controls .ytp-button[aria-pressed]::after { heigh= t: 3px; border-radius: 3px; left: 27px; bottom: 10px; } .ytp-dni .ytp-chrome-controls .ytp-button[aria-pressed]::after { background= -color: rgb(255, 255, 255); } .ytp-chrome-controls .ytp-button[aria-pressed=3D"true"]::after { width: 20p= x; left: 10px; transition: left 0.25s cubic-bezier(0, 0, 0.2, 1) 0s, width = 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-small-mode .ytp-chrome-controls .ytp-button[aria-pressed=3D"true"]::af= ter, .ytp-exp-bigger-button-like-mobile.ytp-small-mode .ytp-chrome-controls= .ytp-button[aria-pressed=3D"true"]::after { width: 18px; left: 9px; } .ytp-exp-bigger-button-like-mobile .ytp-chrome-controls .ytp-button[aria-pr= essed=3D"true"]::after { width: 24px; left: 12px; } .ytp-big-mode .ytp-chrome-controls .ytp-button[aria-pressed=3D"true"]::afte= r { width: 27px; left: 14px; } .ytp-color-white .ytp-chrome-controls .ytp-button[aria-pressed]::after { ba= ckground-color: rgb(221, 221, 221); } .ytp-color-party .ytp-chrome-controls .ytp-button[aria-pressed]::after { an= imation: 0.1s linear 0s infinite normal none running ytp-party-background-c= olor; } .ytp-chrome-top-buttons { white-space: nowrap; } .ytp-chrome-top-buttons .ytp-button { text-shadow: inherit; } .ytp-share-button:not(.ytp-share-button-visible), .ytp-copylink-button:not(= .ytp-copylink-button-visible), .ytp-overflow-button:not(.ytp-overflow-butto= n-visible) { display: none; } .ytp-exp-bottom-control-flexbox .ytp-chrome-controls { display: flex; } .ytp-chrome-controls { height: 40px; line-height: 40px; font-size: 109%; te= xt-align: left; direction: ltr; } .ytp-small-mode .ytp-chrome-controls, .ytp-exp-bigger-button-like-mobile.yt= p-small-mode .ytp-chrome-controls { height: 36px; line-height: 36px; } .ytp-exp-bigger-button-like-mobile .ytp-chrome-controls { height: 48px; lin= e-height: 48px; } .ytp-big-mode .ytp-chrome-controls { height: 54px; line-height: 54px; } :not(.ytp-exp-bottom-control-flexbox) .ytp-left-controls { float: left; } .ytp-left-controls { height: 100%; } .ytp-exp-bottom-control-flexbox .ytp-left-controls { display: flex; flex: 1= 1 0%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :not(.ytp-exp-bottom-control-flexbox) .ytp-right-controls { float: right; } .ytp-right-controls { height: 100%; } .ytp-exp-bottom-control-flexbox .ytp-volume-area { display: flex; } .ytp-chrome-top, .ytp-chrome-bottom { transition: opacity 0.25s cubic-bezie= r(0, 0, 0.2, 1) 0s; } .ytp-autohide .ytp-playlist-menu-button, .ytp-autohide .ytp-back-button, .y= tp-autohide .ytp-title-channel, .ytp-autohide .ytp-title, .ytp-autohide .yt= p-chrome-top .ytp-watch-later-button, .ytp-autohide .ytp-chrome-top .ytp-sh= are-button, .ytp-autohide .ytp-chrome-top .ytp-copylink-button, .ytp-autohi= de:not(.ytp-cards-teaser-shown) .ytp-cards-button, .ytp-autohide .ytp-overf= low-button, .ytp-autohide .ytp-chrome-bottom, .ytp-chrome-top[aria-hidden= =3D"true"], .ytp-chrome-bottom[aria-hidden=3D"true"] { opacity: 0; transiti= on: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-autohide:not(.ytp-autohide-active) .ytp-playlist-menu-button, .ytp-aut= ohide:not(.ytp-autohide-active) .ytp-back-button, .ytp-autohide:not(.ytp-au= tohide-active) .ytp-title-channel, .ytp-autohide:not(.ytp-autohide-active) = .ytp-title, .ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-wa= tch-later-button, .ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .= ytp-share-button, .ytp-autohide:not(.ytp-autohide-active):not(.ytp-cards-te= aser-shown) .ytp-cards-button, .ytp-autohide:not(.ytp-autohide-active) .ytp= -overflow-button { display: none; } .ytp-gradient-top, .ytp-gradient-bottom { width: 100%; position: absolute; = background-repeat: repeat-x; background-image: url("data:image/png;base64,i= VBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kb= q/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5E= JqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU= 5ErkJggg=3D=3D"); transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; = pointer-events: none; } .ytp-linear-gradient-bottom-experiment.ytp-progress-bar-hover .ytp-gradient= -bottom { opacity: 0; transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0= s; } .ytp-linear-gradient-bottom-experiment.ytp-progress-bar-hover .ytp-gradient= -bottom-extension { height: 160px; position: absolute; background-repeat: r= epeat-x; opacity: 1; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0= s; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAE= AAACgCAYAAADNVQbCAAAA+UlEQVQ4Tz3GZzcCAACF4ZK9VyJbyqZERrJHRqVsISuEssnMT3fec5= x7Pzz3NRj+Z+SzwATZIofKhTzIFwVUIRRBsSihSqEMykUFVQlVUC3MVA1YoFbUUVaohwbRSDVBM= 7SIVqoNbNAu7JQDOqBTdFHd0AO9oo/qhwFwChc1CG4YEsOUB0ZgVIxR4+CFCeGjJmEKpsUMNQtz= MC8WqEVYAr9YplZgFdZEgApCCNZFmIrABmyKLWobdmBX7FH7EIUDcUgdQQyOxQl1CmdwLuLUBVz= ClUhQ13ADtyJJpeAO7sUD9QhP8CxeqFd4g7R4pz7gE77EN/UDGfj9A3MnKAGwOIozAAAAAElFTk= SuQmCC"); } .ytp-big-mode .ytp-gradient-top, .ytp-big-mode .ytp-gradient-bottom { backg= round-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEmCAY= AAACjy/qzAAAAhklEQVQ4y52RUQ6AMAxCKd7/JJ7R6aeJAdr507TjQZqOAE4CWARwx7JE944rch= /k6qOWS7bq5bh72zGF8+LTa6goJeRPgXDYNxWFfkS0QXCInLIN1GxTXA0dtS0otWJnuXJR1Y9WY= P9GF1UCYRQYHRSlXMARbVO4th3sd7Y3OP5dY3Bn+SkPsGJ1+HGGVtcAAAAASUVORK5CYII=3D")= ; } .ytp-big-mode.ytp-linear-gradient-bottom-experiment.ytp-progress-bar-hover = .ytp-gradient-bottom-extension { height: 240px; background-image: url("data= :image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADwCAYAAADB2w41AAABIklEQVQ4T= z3G1VIdAAAD0YtTXIq7Fi/uDi0OxR2Ku7vz6cxmmOThZAOB7wXxItiEUCIUwkw4JSJMJCV+mChK= RJsYKtbEUSLeJFAi0SRRItn8pFJMKiXSTDolMkwmJbJMNpVjcimRZ/IpUWAKKVFkiqkSU0qJX6a= MEuWmghKVpoqqNjWU+G1qKVFn6inRYBqpJtNMiRbTSok2006JDtNJdZluSvSYXkr0mX5KDJhB6o= /5S4khM0yJETNKiTEzTk2YSUpMmX+UmDYzlJg1c9S8WaDEolmixLJZocSqWaPWzQYlNs1/SmyZb= UrsmF1qz+xT4sAcUuLIHFPixJxSZ+acEhfmkhJX5poSN+aWujP3lHgwj5R4Ms+UeDGv1Jt5p8SH= +fwCbkM8Ac0wHDAAAAAASUVORK5CYII=3D"); } .ytp-gradient-top[aria-hidden=3D"true"], .ytp-gradient-bottom[aria-hidden= =3D"true"], .ytp-autohide .ytp-gradient-top, .ytp-autohide .ytp-gradient-bo= ttom { opacity: 0; transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; = } .ytp-autohide:not(.ytp-autohide-active) .ytp-gradient-top, .ytp-autohide:no= t(.ytp-autohide-active) .ytp-gradient-bottom { display: none; } .ytp-gradient-top { height: 48px; padding-bottom: 50px; top: 0px; z-index: = 25; background-position: center top; } .ytp-embed:not(.ad-showing) .ytp-gradient-top { height: 60px; } .ytp-big-mode .ytp-gradient-top { height: 69px; padding-bottom: 77px; } .ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-gradient-top { height: 89px; = padding-bottom: 57px; } .ytp-gradient-bottom { height: 53px; padding-top: 45px; bottom: 0px; z-inde= x: 24; background-position: center bottom; } .ytp-gradient-bottom-extension { height: 49px; bottom: 0px; opacity: 0; wid= th: 100%; z-index: 24; background-position: center bottom; } .ytp-small-mode .ytp-gradient-bottom, .ytp-exp-bigger-button-like-mobile.yt= p-small-mode .ytp-gradient-bottom { height: 49px; padding-top: 49px; } .ytp-exp-bigger-button-like-mobile .ytp-gradient-bottom { height: 61px; pad= ding-top: 37px; } .ytp-big-mode .ytp-gradient-bottom { height: 70px; padding-top: 76px; } .ytp-hide-info-bar .ytp-chrome-top { height: 0px; } .ytp-hide-info-bar .ytp-gradient-top, .ytp-hide-info-bar .ytp-chrome-top .y= tp-back-button, .ytp-hide-info-bar .ytp-chrome-top .ytp-title-channel, .ytp= -hide-info-bar .ytp-chrome-top .ytp-title, .ytp-hide-info-bar .ytp-chrome-t= op .ytp-playlist-menu-button, .ytp-hide-info-bar .ytp-chrome-top .ytp-watch= -later-button, .ytp-hide-info-bar .ytp-chrome-top .ytp-share-button, .ytp-h= ide-info-bar .ytp-chrome-top .ytp-overflow-button { display: none; } .ytp-hide-controls .ytp-gradient-bottom, .ytp-hide-controls .ytp-chrome-bot= tom { display: none; } @media not all { .ytp-gradient-bottom, .ytp-gradient-top { background: rgb(0, 0, 0); paddi= ng-bottom: 0px; padding-top: 0px; } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-menu-shown .video-ads { display: none; } .ytp-ad-display-override .video-ads { display: inherit; } .ytp-swatch-background-color { background-color: rgb(255, 0, 0); } .ytp-dni .ytp-swatch-background-color, .ytp-dni .ytp-swatch-background-colo= r-secondary { background-color: rgb(255, 255, 255); } .ytp-color-white .ytp-swatch-background-color { background-color: rgb(221, = 221, 221); } .ytp-color-white .ytp-swatch-background-color-secondary { background-color:= rgb(170, 170, 170); } .ytp-color-party .ytp-swatch-background-color, .ytp-color-party .ytp-swatch= -background-color-secondary { animation: 0.1s linear 0s infinite normal non= e running ytp-party-background-color; } .ytp-swatch-color { color: rgb(255, 0, 0); } .ytp-dni .ytp-swatch-color { color: rgb(255, 255, 255); } .ytp-color-white .ytp-swatch-color { color: rgb(221, 221, 221); } .ytp-color-party .ytp-swatch-color { animation: 0.15s linear 0s infinite no= rmal none running ytp-party-color; } @media print { .html5-video-player * { visibility: hidden; } .html5-video-player { border: 1px solid rgb(0, 0, 0); box-sizing: border-= box; } .ytp-chrome-top, .ytp-cued-thumbnail-overlay, .ytp-large-play-button { op= acity: 1 !important; display: block !important; visibility: visible !import= ant; } .ytp-title, .ytp-title *, .ytp-large-play-button * { color: rgb(0, 0, 0) = !important; visibility: visible !important; } } .ytp-ad-module { width: 100%; height: 100%; } .video-ad-status-bar { position: absolute; bottom: 53px; z-index: 35; width= : 100%; background-color: rgb(0, 0, 0); opacity: 0.7; display: none; } .ytp-exp-bigger-button-like-mobile .video-ad-status-bar { bottom: 61px; } .ytp-big-mode .video-ad-status-bar { bottom: 70px; } .ytp-hide-controls .video-ad-status-bar { bottom: 0px; } .ad-showing .video-ad-status-bar { display: block; } .ad-showing.ytp-autohide .video-ad-status-bar, .ad-showing.ytp-hide-control= s .video-ad-status-bar { bottom: 0px; } .video-ad-label { display: block; margin-bottom: 5px; } .ad-showing .ad-video { position: absolute; top: 0px; } .html5-video-player .video-click-tracking, .html5-video-player .video-strea= m { display: block; width: 100%; height: 100%; position: absolute; } .html5-video-player .ad-container-single-media-element-annotations { positi= on: absolute; z-index: 35; } .html5-video-player .ad-container-single-media-element-annotations-workarou= nd { z-index: 35; } .html5-video-player.ytp-video-ad-learn-more-ui .ad-container-single-media-e= lement-annotations { z-index: auto; } .html5-video-player.ytp-video-ad-learn-more-ui .ad-container-single-media-e= lement-annotations iframe { z-index: 35; } .html5-video-player .ad-overlay { position: absolute; bottom: 53px; width: = 100%; transition: bottom 0.25s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 0.25s= cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-exp-bigger-button-like-mobile.html5-video-player .ad-overlay { bottom:= 61px; } .ytp-ad-overlay-closed .ad-overlay, .ytp-player-minimized.ytp-ad-overlay-cl= osed .ad-overlay { display: none; } .ytp-big-mode .ad-overlay { bottom: 70px; } .ytp-autohide.ytp-ad-overlay-closed .ad-overlay { opacity: 0; transition: b= ottom 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, opacity 0.1s cubic-bezier(0.4, 0,= 1, 1) 0s; } .html5-video-player .ad-overlay .video-click-tracking { display: none; } .html5-video-player .ad-overlay > :not(.ima-container) { z-index: 38; } .html5-video-player .ad-overlay > .ima-container { z-index: auto !important= ; } .html5-video-player .ad-overlay > .ima-container > * { position: relative; = z-index: 38 !important; } .html5-video-player:not(.ad-showing) .ad-container, .html5-video-player:not= (.ad-showing):not(.ytp-ad-overlay-open) .video-ads { display: none; } .html5-video-player.ytp-ad-end-cap .iv-endcap-slot { margin-right: 0px; } .html5-video-player.ytp-ad-end-cap.ytp-endcap-background-clickable .iv-endc= ap-slot { margin: 40px; } .ytp-iv-drawer-open.ytp-ad-end-cap .iv-endcap-slot { margin-right: 177px; } .ytp-iv-drawer-open.ytp-ad-end-cap.ytp-endcap-background-clickable .iv-endc= ap-slot { margin-right: 217px; } .iv-endcap-background { z-index: 28; } .ytp-endcap-background-clickable .iv-endcap-background { cursor: pointer; } .html5-video-player .attribution-button { text-shadow: rgb(0, 0, 0) 0px 0px= 8px, rgba(0, 0, 0, 0.9) 0px 0px 4px; } .ytp-ad-button-text, .ytp-ad-button-icon, .ytp-ad-skip-button-text, .ytp-ad= -skip-button-icon { display: inline-block; } .ytp-ad-player-overlay-updated-focus-style.ytp-ad-player-overlay .ytp-ad-bu= tton, .ytp-ad-player-overlay-updated-focus-style.ytp-ad-player-overlay butt= on { outline: 0px; } .ytp-probably-keyboard-focus .ytp-ad-player-overlay-updated-focus-style.ytp= -ad-player-overlay .ytp-ad-button:focus, .ytp-probably-keyboard-focus .ytp-= ad-player-overlay-updated-focus-style.ytp-ad-player-overlay button:focus { = box-shadow: rgba(27, 127, 204, 0.8) 0px 0px 0px 2px inset; } .ytp-ad-button-icon { height: inherit; width: inherit; pointer-events: auto= ; } .ytp-ad-button-link { padding: 0px; border: none; background: transparent; = font-weight: normal; font-size: inherit; text-decoration: none; box-shadow:= none; } .ytp-ad-button-link:active, .ytp-ad-button-link:hover { background: transpa= rent; text-decoration: underline; box-shadow: none; } .ytp-big-mode .ytp-ad-player-overlay-instream-info, .ytp-big-mode .ytp-ad-s= urvey-player-overlay-instream-info { left: 24px; bottom: 70px; } .ytp-music-player .ytp-ad-player-overlay-instream-info { bottom: 62px; heig= ht: 29px; left: 9px; } .ytp-small-mode.ytp-music-player .ytp-ad-player-overlay-instream-info { bot= tom: 49px; height: 29px; left: 9px; } .ytp-music-player.ytp-big-mode .ytp-ad-player-overlay-instream-info { botto= m: 70px; height: 29px; left: 9px; } .ad-showing.ytp-music-player .ytp-chrome-bottom .ytp-top-controls { bottom:= 91px; max-width: 50%; } .ad-showing.ytp-music-player.ytp-big-mode .ytp-chrome-bottom .ytp-top-contr= ols { bottom: 99px; } .ad-showing.ytp-music-player.ytp-small-mode .ytp-chrome-bottom .ytp-top-con= trols { bottom: 78px; } .ad-showing.ytp-music-player .ytp-chrome-bottom .ytp-ad-player-overlay-inst= ream-info { left: 9px; } .ad-showing.ytp-music-player .ytp-chrome-bottom .ytp-top-controls .ytp-yout= ube-music-button { display: none; } .ytp-hide-controls .ytp-ad-player-overlay-instream-info, .ytp-autohide .ytp= -ad-player-overlay-instream-info, .ytp-iv-drawer-open .ytp-ad-player-overla= y-instream-info, .ytp-hide-controls .ytp-ad-survey-player-overlay-instream-= info, .ytp-autohide .ytp-ad-survey-player-overlay-instream-info, .ytp-iv-dr= awer-open .ytp-ad-survey-player-overlay-instream-info, .ytp-exp-bigger-butt= on-like-mobile.ytp-hide-controls .ytp-ad-player-overlay-instream-info, .ytp= -exp-bigger-button-like-mobile.ytp-autohide .ytp-ad-player-overlay-instream= -info, .ytp-exp-bigger-button-like-mobile.ytp-iv-drawer-open .ytp-ad-player= -overlay-instream-info, .ytp-exp-bigger-button-like-mobile.ytp-hide-control= s .ytp-ad-survey-player-overlay-instream-info, .ytp-exp-bigger-button-like-= mobile.ytp-autohide .ytp-ad-survey-player-overlay-instream-info, .ytp-exp-b= igger-button-like-mobile.ytp-iv-drawer-open .ytp-ad-survey-player-overlay-i= nstream-info { bottom: 6px; transition: bottom 0.1s cubic-bezier(0.4, 0, 1,= 1) 0s; } .ytp-ad-player-overlay-instream-info, .ytp-ad-survey-player-overlay-instrea= m-info { bottom: 53px; cursor: default; left: 18px; pointer-events: auto; p= osition: absolute; text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 4px; z-index: 3= 5; transition: bottom 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-exp-bigger-button-like-mobile .ytp-ad-player-overlay-instream-info, .y= tp-exp-bigger-button-like-mobile .ytp-ad-survey-player-overlay-instream-inf= o { bottom: 61px; } .ytp-ad-clickable { cursor: pointer; } .ytp-ad-player-overlay-flyout-cta { bottom: 78px; left: 12px; pointer-event= s: auto; position: absolute; z-index: 35; } .ytp-exp-bigger-button-like-mobile .ytp-ad-player-overlay-flyout-cta { bott= om: 86px; } .ytp-flyout-cta { background-color: transparent; cursor: pointer; text-alig= n: left; display: flex; transition: transform 0.1s cubic-bezier(0.4, 0, 1, = 1) 0s; } .ytp-flyout-cta:hover { background-color: transparent; } .ytp-flyout-cta .ytp-flyout-cta-body { background-color: rgba(255, 255, 255= , 0.9); border-radius: 2px; max-width: 400px; overflow: hidden; padding-lef= t: 0px; padding-right: 0px; width: 100%; display: flex; transition: width 0= .2s cubic-bezier(0, 0, 0.2, 1) 0.5s, max-width 0.2s cubic-bezier(0.4, 0, 1,= 1) 0s; } .ytp-flyout-cta:hover .ytp-flyout-cta-body { background-color: rgb(255, 255= , 255); } .ytp-flyout-cta .ytp-flyout-cta-text-container { max-width: 250px; padding-= left: 58px; padding-right: 20px; box-sizing: border-box; } .ytp-flyout-cta .ytp-flyout-cta-headline-container { color: rgb(51, 51, 51)= ; font-weight: 600; font-size: 14px; margin-top: 10px; } .ytp-flyout-cta .ytp-flyout-cta-description-container { color: rgb(118, 118= , 118); font-size: 13px; margin-top: 3px; } .ytp-flyout-cta .ytp-flyout-cta-headline, .ytp-flyout-cta .ytp-flyout-cta-d= escription { overflow: hidden; text-overflow: ellipsis; white-space: nowrap= ; } .ytp-flyout-cta .ytp-flyout-cta-action-button-container { direction: ltr; l= ine-height: 56px; max-width: 150px; position: static; } .ytp-flyout-cta .ytp-flyout-cta-action-button { background: rgb(22, 122, 19= 8); border: 1px solid rgb(22, 122, 198); border-radius: 2px; box-shadow: rg= ba(0, 0, 0, 0.05) 0px 1px 0px; color: rgb(255, 255, 255); cursor: pointer; = font-size: 11px; font-weight: 500; height: 28px; margin: 0px 8px 0px 0px; m= ax-width: 140px; overflow: hidden; padding: 0px 10px; text-decoration: none= ; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; wid= th: inherit; } .ytp-flyout-cta .ytp-flyout-cta-action-button:hover { background: rgb(18, 1= 09, 179); } .ytp-flyout-cta .ytp-flyout-cta-action-button:active { background: rgb(9, 9= 1, 153); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px inset; } .ytp-flyout-cta, .ytp-flyout-cta .ytp-flyout-cta-body, .ytp-flyout-cta .ytp= -flyout-cta-body > div { direction: ltr; height: 56px; } .ytp-flyout-cta .ytp-flyout-cta-icon-container { height: 48px; left: 4px; o= verflow: visible; position: absolute; top: 4px; width: 48px; transform: non= e; transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-flyout-cta .ytp-flyout-cta-icon { height: 48px; width: 48px; } .ytp-flyout-cta.ytp-flyout-cta-inactive { transition: transform 0.25s cubic= -bezier(0, 0, 0.2, 1) 0s; transform: translateX(-200%); } .ytp-flyout-cta.ytp-flyout-cta-inactive .ytp-flyout-cta-icon-container { tr= ansform: translateX(-200%); } .ytp-flyout-cta.ytp-flyout-cta-inactive .ytp-flyout-cta-body { max-width: 0= px; width: 0px; } .ytp-big-mode .ytp-ad-player-overlay-flyout-cta { bottom: 95px; } .ytp-small-mode .ytp-flyout-cta, .ytp-small-mode .ytp-flyout-cta .ytp-flyou= t-cta-body, .ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-body > div { he= ight: 40px; } .ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-icon-container, .ytp-small-= mode .ytp-flyout-cta .ytp-flyout-cta-icon { height: 40px; width: 40px; } .ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-text-container { margin-lef= t: 6px; padding: 4px 20px 4px 40px; } .ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-headline-container { font-s= ize: 12px; margin-top: 2px; } .ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-description-container { fon= t-size: 11px; margin-top: 0px; } .ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-icon-container { left: 0px;= top: 0px; } .ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-action-button-container { d= isplay: none; } .ytp-ad-simple-ad-badge, .ytp-ad-duration-remaining, .ytp-ad-info-icon-butt= on, .ytp-ad-info-hover-text-button .ytp-ad-button { color: rgb(255, 255, 25= 5); display: inline-block; font-size: 12px; left: 0px; line-height: 28px; p= osition: relative; } .ytp-ad-visit-advertiser-button { color: rgb(255, 255, 255); display: inlin= e-block; font-size: 12px; left: 0px; position: relative; } .ytp-ad-simple-ad-badge { margin-left: 5px; opacity: 0.75; } .ytp-ad-duration-remaining { margin-left: 3px; opacity: 0.75; } .ytp-ad-info-hover-text-button { display: inline-block; height: 28px; line-= height: inherit; margin: 0px 5px; pointer-events: auto; position: relative;= text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; vertical-align: middle; } .ytp-ad-info-hover-text-button .ytp-ad-hover-text-container { background: r= gb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-radius: 4px= ; bottom: 30px; box-sizing: border-box; color: rgb(51, 51, 51); display: no= ne; font-size: 12px; left: -19px; line-height: normal; opacity: 0.9; paddin= g: 7px; pointer-events: auto; position: absolute; text-shadow: none; user-s= elect: none; } .ytp-ad-info-hover-text-short { white-space: nowrap; } .html5-video-player .ytp-ad-info-hover-text-button .ytp-ad-hover-text-conta= iner a { color: rgb(22, 122, 198); } .html5-video-player .ytp-ad-info-hover-text-button .ytp-ad-hover-text-conta= iner a:hover { color: rgb(22, 122, 198); text-decoration: underline; } .ytp-ad-info-hover-text-button:hover .ytp-ad-hover-text-container, .ytp-ad-= overlay-ad-info-button-container:hover .ytp-ad-hover-text-container { displ= ay: inline-block; } .ytp-ad-hover-text-callout { border-left: 5px solid transparent; border-rig= ht: 5px solid transparent; border-top: 5px solid rgb(255, 255, 255); box-si= zing: border-box; display: inline-block; height: 0px; left: 20px; overflow:= visible; position: absolute; text-align: center; top: 100%; width: 0px; } .ytp-ad-info-icon-button, .ytp-ad-info-hover-text-button .ytp-ad-button { f= ilter: drop-shadow(rgb(0, 0, 0) 0px 0px 2px); height: inherit; opacity: 0.7= 5; transform: translateY(-1px); width: 13px; } .ytp-ad-info-icon-button:hover, .ytp-ad-info-hover-text-button .ytp-ad-butt= on:hover { opacity: 1; } .ytp-ad-confirm-dialog-background, .ytp-ad-info-dialog-background, .ytp-ad-= feedback-dialog-background { background: rgba(0, 0, 0, 0.8); display: table= ; height: 100%; left: 0px; margin: auto; pointer-events: auto; position: ab= solute; top: 0px; width: 100%; z-index: 2201; } .ytp-ads-tiny-mode .ytp-ad-confirm-dialog-background, .ytp-ads-tiny-mode .y= tp-ad-info-dialog-background, .ytp-ads-tiny-mode .ytp-ad-feedback-dialog-ba= ckground { display: block; overflow: hidden scroll; } .ytp-ad-confirm-dialog-close-overlay-button, .ytp-ad-info-dialog-close-butt= on, .ytp-ad-feedback-dialog-close-button { height: 24px; opacity: 0.75; cur= sor: pointer; position: absolute; right: 14px; top: 14px; width: 24px; } .ytp-ad-confirm-dialog-close-overlay-button:hover, .ytp-ad-info-dialog-clos= e-button:hover, .ytp-ad-feedback-dialog-close-button:hover { opacity: 1; } .ytp-ad-confirm-dialog-container, .ytp-ad-info-dialog-container, .ytp-ad-fe= edback-dialog-container { display: table-cell; text-align: center; vertical= -align: middle; } .ytp-ad-confirm-dialog, .ytp-ad-info-dialog-form, .ytp-ad-feedback-dialog-f= orm { background: white; border: 1px solid black; color: rgb(118, 118, 118)= ; display: inline-block; text-shadow: none; font-size: 14px; min-width: 180= px; max-width: 50%; padding: 14px; text-align: left; } .ytp-ad-info-dialog-relative-container { position: absolute; z-index: 72; } .ytp-ad-info-dialog-relative-container .ytp-ad-info-dialog-form { box-shado= w: rgba(0, 0, 0, 0.18) 0px 0px 15px; border-color: rgb(226, 226, 226); max-= width: none; } .ytp-ad-info-dialog-form a, .ytp-ad-info-dialog-form a:hover, .ytp-ad-info-= dialog-mute-button, .ytp-ad-feedback-dialog-form a, .ytp-ad-feedback-dialog= -form a:hover, .ytp-ad-feedback-dialog-undo-mute-button { color: rgb(22, 12= 2, 198); cursor: pointer; } .ytp-ad-info-dialog-title, .ytp-ad-feedback-dialog-title { color: rgb(51, 5= 1, 51); font-family: Roboto, Arial, sans-serif; font-weight: 500; padding-b= ottom: 8px; } .ytp-ad-info-dialog-title a, .ytp-ad-feedback-dialog-title a { text-decorat= ion: underline; } ul.ytp-ad-info-dialog-ad-reasons { padding: 0px; margin: 0px 0px 8px; } .ytp-ad-info-dialog-ad-reasons li { list-style: outside disc; margin-left: = 20px; } .ytp-ad-confirm-dialog-messages, .ytp-ad-info-dialog-feedback-options { mar= gin-left: 8px; } label.ytp-ad-feedback-dialog-reason-label { display: block; margin: 8px 0px= ; } .ytp-ad-confirm-dialog-confirm-container, .ytp-ad-info-dialog-confirm-conta= iner, .ytp-ad-feedback-dialog-confirm-container { margin-top: 8px; text-ali= gn: right; } .ytp-ad-confirm-dialog-cancel-button, .ytp-ad-confirm-dialog-confirm-button= , .ytp-ad-info-dialog-confirm-button, .ytp-ad-feedback-dialog-confirm-butto= n, .ytp-ad-feedback-dialog-cancel-button { background: none; border: none; = font-family: Roboto, Arial, sans-serif; font-weight: 500; margin: 4px 0px 0= px 12px; padding: 10px; color: rgb(22, 122, 198); cursor: pointer; text-tra= nsform: uppercase; } .ytp-ad-confirm-dialog-confirm-button:hover, .ytp-ad-confirm-dialog-cancel-= button:hover, .ytp-ad-info-dialog-confirm-button:hover, .ytp-ad-feedback-di= alog-confirm-button:hover, .ytp-ad-feedback-dialog-cancel-button:hover { co= lor: rgb(22, 122, 198); cursor: pointer; text-transform: uppercase; } .ytp-ad-info-dialog-mute-container { margin-top: 8px; } .ytp-ad-info-dialog-mute-button { font-family: Roboto, Arial, sans-serif; } .ytp-ad-info-dialog-mute-button .ytp-ad-button-icon { height: 16px; margin-= right: 5px; width: 16px; vertical-align: middle; } .ytp-ad-feedback-dialog-undo-mute-button { font-family: Roboto, Arial, sans= -serif; font-weight: 500; margin-left: 5px; } .ytp-ad-feedback-dialog-undo-mute-button .ytp-ad-button-text { text-decorat= ion: underline; } .ytp-ad-visit-advertiser-button { line-height: inherit; font-family: Roboto= , Arial, sans-serif; margin-left: 5px; text-shadow: rgba(0, 0, 0, 0.75) 0px= 0px 4px; } .ytp-ad-visit-advertiser-button::before { content: ""; cursor: pointer; pos= ition: absolute; inset: -7px -2px -8px; } .ytp-ad-visit-advertiser-button .ytp-ad-button-text { color: rgba(255, 255,= 255, 0.75); cursor: pointer; font-size: 12px; margin: -4px 3px -2px 0px; p= adding: 5px 0px; text-decoration: none; vertical-align: baseline; } .ytp-ad-visit-advertiser-button:hover .ytp-ad-button-text { color: rgb(255,= 255, 255); text-decoration: underline; } .ytp-ad-visit-advertiser-button .ytp-ad-button-icon { cursor: pointer; filt= er: drop-shadow(rgb(0, 0, 0) 0px 0px 2px); height: 10px; opacity: 0.75; wid= th: 10px; transform: translate(0px, 1px); } .ytp-ad-visit-advertiser-button:hover .ytp-ad-button-icon { opacity: 1; } .ytp-big-mode .ytp-ad-preview-container, .ytp-big-mode .ytp-ad-skip-button-= container { bottom: 95px; } .ytp-big-mode .ytp-ad-instream-user-sentiment-container { bottom: 156px; } .ytp-hide-controls .ytp-ad-preview-container, .ytp-hide-controls .ytp-ad-sk= ip-button-container, .ytp-exp-bigger-button-like-mobile.ytp-hide-controls .= ytp-ad-preview-container, .ytp-exp-bigger-button-like-mobile.ytp-hide-contr= ols .ytp-ad-skip-button-container { bottom: 25px; } .ytp-hide-controls .ytp-ad-instream-user-sentiment-container { bottom: 86px= ; } .ytp-ads-tiny-mode .ytp-ad-player-overlay-instream-user-sentiment .ytp-ad-i= nstream-user-sentiment-container { bottom: 70px; } .ytp-settings-shown .ytp-ad-preview-container, .ytp-settings-shown .ytp-ad-= skip-button-container, .ytp-settings-shown .ytp-ad-instream-user-sentiment-= container { opacity: 0.4; pointer-events: none; z-index: 35; } .ytp-settings-shown .ytp-ad-instream-user-sentiment-container .ytp-ad-toggl= e-button-label { pointer-events: none; } .ytp-ad-message-overlay { position: absolute; width: 100%; height: 100%; bo= ttom: 0px; left: 0px; pointer-events: none; z-index: 35; } .ytp-ad-preview-slot, .ytp-ad-skip-ad-slot, .ytp-ad-message-slot { text-sha= dow: rgba(0, 0, 0, 0.75) 0px 0px 4px; pointer-events: auto; z-index: 35; } .ytp-ad-preview-container, .ytp-ad-skip-button-container { bottom: 78px; di= splay: inline-block; position: absolute; right: 0px; z-index: 1000; } .ytp-ad-message-container { display: inline-block; } .ytp-exp-bigger-button-like-mobile .ytp-ad-preview-container, .ytp-exp-bigg= er-button-like-mobile .ytp-ad-skip-button-container { bottom: 86px; } .ytp-ad-message-container { bottom: 78px; display: inline-block; position: = absolute; color: rgb(255, 255, 255); cursor: pointer; opacity: 1; right: 0p= x; z-index: 1000; } .ytp-exp-bigger-button-like-mobile .ytp-ad-message-container { bottom: 86px= ; } .ytp-ad-preview-container, .ytp-ad-message-container { transition: opacity = 0.4s cubic-bezier(0, 0, 0.2, 1) 0s; background: rgba(0, 0, 0, 0.4); cursor:= default; } .ytp-ad-skip-button-container { transition: opacity 0.5s cubic-bezier(0, 0,= 0.2, 1) 0s; cursor: pointer; opacity: 0.7; pointer-events: auto; } .ytp-ad-preview-container[aria-hidden=3D"true"], .ytp-ad-skip-button-contai= ner[aria-hidden=3D"true"], .ytp-ad-message-container[aria-hidden=3D"true"] = { opacity: 0; transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-ad-preview-text { display: inline-block; font-size: 12px; height: 30px= ; letter-spacing: 0.1px; min-width: 82px; padding: 11px 10px; text-align: c= enter; vertical-align: middle; white-space: pre; width: auto; } .ytp-ad-message-text { display: inline-block; font-size: 16px; height: 52px= ; line-height: 52px; letter-spacing: 0.1px; min-width: 80px; padding: 0px 2= 0px; text-align: center; vertical-align: middle; white-space: pre; width: a= uto; } .ytp-ad-preview-image { display: inline-block; vertical-align: middle; } .ytp-ad-preview-image > .ytp-ad-image { display: block; width: 92px; height= : 52px; } .countdown-next-to-thumbnail .ytp-ad-preview-text { font-size: 14px; font-w= eight: 500; height: auto; min-width: 0px; padding: 0px 8px; } .countdown-next-to-thumbnail .ytp-ad-image { height: 41px; width: 73px; } .ytp-ad-skip-button { background: rgba(0, 0, 0, 0.7); border-width: 1px 0px= 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-= style: solid; border-top-color: rgba(255, 255, 255, 0.5); border-bottom-col= or: rgba(255, 255, 255, 0.5); border-left-color: rgba(255, 255, 255, 0.5); = border-image: initial; border-right-style: initial; border-right-color: ini= tial; box-sizing: content-box; color: rgb(255, 255, 255); direction: ltr; f= ont-size: 18px; line-height: normal; min-width: 0px; padding: 10px 6px 8px = 10px; width: auto; text-align: center; cursor: pointer; } .ytp-ad-skip-button:hover { background: rgba(0, 0, 0, 0.9); border-width: 1= px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border= -left-style: solid; border-top-color: rgb(255, 255, 255); border-bottom-col= or: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-image= : initial; border-right-style: initial; border-right-color: initial; } .ytp-ad-skip-button-icon { height: 36px; width: 36px; display: inline-block= ; vertical-align: middle; margin: -14px -6px -12px -4px; } .html5-video-player .ytp-ad-overlay-slot { position: absolute; bottom: 53px= ; width: 100%; transition: bottom 0.25s cubic-bezier(0, 0, 0.2, 1) 0s, opac= ity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; z-index: 35; } .ytp-exp-bigger-button-like-mobile.html5-video-player .ytp-ad-overlay-slot = { bottom: 61px; } .ytp-big-mode .ytp-ad-overlay-slot { bottom: 70px; } .ytp-autohide.ytp-ad-overlay-closed .ytp-ad-overlay-slot { opacity: 0; tran= sition: bottom 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, opacity 0.1s cubic-bezie= r(0.4, 0, 1, 1) 0s; } .ytp-ad-overlay-container { text-align: center; } .ytp-ad-text-overlay { height: 63px; background-color: rgba(0, 0, 0, 0.6); = border: 1px solid rgba(0, 0, 0, 0.6); min-width: 320px; margin: auto; max-w= idth: 440px; padding-left: 10px; position: relative; text-align: left; } .ytp-ad-text-overlay:hover { border: 1px solid rgb(58, 58, 58); } .ytp-ad-overlay-title { cursor: pointer; color: rgb(255, 255, 255); display= : block; font: bold 14px arial, sans-serif; margin: 7px 22px 0px 0px; overf= low: hidden; padding-bottom: 4px; text-overflow: ellipsis; text-shadow: rgb= (0, 0, 0) 0px -1px 0px; white-space: nowrap; } .ytp-ad-text-overlay:hover .ytp-ad-overlay-title { text-decoration: underli= ne; } .ytp-ad-overlay-desc { color: rgb(255, 255, 255); font: 12px arial, sans-se= rif; margin-bottom: 2px; margin-top: -3px; overflow: hidden; text-overflow:= ellipsis; white-space: nowrap; } .ytp-ad-image-overlay { min-width: 320px; margin: auto; position: relative;= } .ytp-ad-overlay-image { cursor: pointer; display: block; } .ytp-ad-image-overlay:hover { text-decoration: underline; } .ytp-ad-overlay-link { cursor: pointer; bottom: 9px; color: rgb(234, 222, 1= 44); font: 11px arial, sans-serif; position: static; text-decoration: none;= text-shadow: rgb(0, 0, 0) 0px -1px 0px; } .ytp-ad-overlay-link.ytp-ad-overlay-link-inline-block { display: inline-blo= ck; } .ytp-ad-overlay-ad-info-button-container { color: rgb(255, 255, 255); curso= r: pointer; height: 15px; padding: 6px 1px 10px 20px; pointer-events: auto;= position: absolute; right: 21px; top: 0px; width: 15px; } .ytp-ad-overlay-ad-info-button-container .ytp-ad-info-hover-text-button { h= eight: inherit; width: inherit; margin: 0px; vertical-align: baseline; } .ytp-ad-overlay-ad-info-button-container .ytp-ad-hover-text-container { bac= kground-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(0, 0, 0, 0.6); co= lor: rgb(255, 255, 255); font-weight: 500; opacity: 1; } .ytp-ad-overlay-ad-info-button-container .ytp-ad-button { cursor: pointer; = fill-opacity: 0.8; height: inherit; opacity: 0.9; width: inherit; filter: n= one; line-height: normal; transform: none; vertical-align: top; } .ytp-ad-overlay-close-container { cursor: pointer; height: 15px; margin: 0p= x; padding: 6px 6px 10px 1px; position: absolute; right: 0px; top: 0px; wid= th: 15px; } .ytp-ad-overlay-close-button { border: 0px; cursor: pointer; padding: 0px; = fill-opacity: 0.8; float: right; height: inherit; opacity: 0.9; width: inhe= rit; } .ytp-ad-text-overlay .ytp-ad-overlay-ad-info-button-container .ytp-ad-butto= n svg, .ytp-ad-text-overlay .ytp-ad-overlay-close-button svg { background: = rgb(0, 0, 0); fill: rgb(255, 255, 255); } .ytp-ad-image-overlay .ytp-ad-overlay-ad-info-button-container .ytp-ad-butt= on svg, .ytp-ad-image-overlay .ytp-ad-overlay-close-button svg { background= : rgb(255, 255, 255); fill: rgb(117, 117, 117); } .ytp-ad-image-overlay .ytp-ad-overlay-close-button path { fill: inherit; } .ytp-ad-overlay-ad-info-button-container:hover .ytp-ad-button, .ytp-ad-over= lay-close-container:hover .ytp-ad-overlay-close-button { fill-opacity: 1; } .ytp-ad-overlay-attribution { bottom: 8px; color: rgb(136, 136, 136); curso= r: pointer; font: 11px arial, sans-serif; position: absolute; right: 1px; p= adding: 4px; transition: color 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-ad-overlay-attribution:hover { color: rgb(255, 255, 255); transition: = color 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-ad-image-overlay .ytp-ad-overlay-attribution { color: inherit; text-sh= adow: rgb(0, 0, 0) 0px 0px 8px, rgba(0, 0, 0, 0.9) 0px 0px 4px; } .ytp-ad-overlay-text-image { float: left; } .ytp-ad-overlay-text-image img { box-shadow: rgba(0, 0, 0, 0.498) 0px 3px 5= px; height: 57px; margin: 2px 10px 0px 0px; width: auto; min-width: 57px; } .ytp-ad-action-interstitial { background: white; height: 100%; left: 0px; p= osition: absolute; top: 0px; width: 100%; z-index: 64; } .ytp-ad-action-interstitial-background-container { width: 100%; height: 100= %; z-index: 65; border: none; } .ytp-ad-action-interstitial-background { background-size: cover; transition= : opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; background-position: center = center; width: 100%; height: 100%; border: none; display: block; } .ytp-ad-action-interstitial-slot { pointer-events: none; background-color: = rgba(255, 255, 255, 0.9); inset: 0px; position: absolute; z-index: 65; } .ytp-ad-action-interstitial-card { transform: translateY(-50%); display: bl= ock; left: 50%; margin-left: -140px; position: absolute; text-align: center= ; top: 50%; width: 280px; } .ytp-ads-tiny-mode .ytp-ad-action-interstitial-card { margin-left: -90px; w= idth: 180px; } .ytp-ad-action-interstitial-headline-container { cursor: pointer; pointer-e= vents: auto; } .ytp-ad-action-interstitial-headline { color: rgb(51, 51, 51); display: inl= ine-block; font-size: 20px; max-height: 2.2em; overflow: hidden; padding-to= p: 10px; } .ytp-small-mode .ytp-ad-action-interstitial-headline { font-size: 16px; max= -height: 2.2em; padding-top: 8px; } .ytp-ads-tiny-mode .ytp-ad-action-interstitial-headline { font-size: 14px; = padding-top: 4px; } .ytp-ad-action-interstitial-description-container { cursor: pointer; pointe= r-events: auto; white-space: nowrap; } .ytp-ad-action-interstitial-description { color: rgb(118, 118, 118); displa= y: inline-block; font-size: 13px; font-weight: 500; max-height: 1.1em; over= flow: hidden; text-overflow: ellipsis; width: 100%; padding-bottom: 10px; } .ytp-small-mode .ytp-ad-action-interstitial-description { font-size: 12px; = padding-bottom: 8px; } .ytp-ads-tiny-mode .ytp-ad-action-interstitial-description { padding-bottom= : 0px; } .ytp-ad-action-interstitial-action-button-container { display: inline-block= ; } .ytp-ad-action-interstitial-action-button { pointer-events: auto; backgroun= d-color: rgb(22, 122, 198); border: none; border-radius: 2px; box-sizing: b= order-box; color: rgb(255, 255, 255); cursor: pointer; display: inline-bloc= k; font-family: Roboto, Arial, sans-serif; font-size: 23px; height: 46px; l= ine-height: 46px; min-width: 164px; padding: 0px 20px; } .ytp-small-mode .ytp-ad-action-interstitial-action-button { font-size: 15px= ; height: 36px; line-height: 36px; padding: 0px 16px; min-width: 120px; } .ytp-ads-tiny-mode .ytp-ad-action-interstitial-action-button { height: 24px= ; line-height: 24px; min-width: 0px; } .ytp-ad-action-interstitial-image-container { cursor: pointer; border: 1px = solid rgb(238, 238, 238); display: block; height: 120px; margin: auto; max-= width: 100%; width: 120px; } .ytp-ad-action-interstitial-image { pointer-events: auto; max-width: 100%; = } .ytp-small-mode .ytp-ad-action-interstitial-image-container { height: 60px;= width: 60px; } .ytp-ads-tiny-mode .ytp-ad-action-interstitial-image-container { height: 40= px; width: 40px; } .ytp-ad-text-interstitial { background-color: rgb(0, 0, 0); display: table;= min-height: 100%; min-width: 100%; position: relative; z-index: 2000; } .ytp-ad-text-interstitial div { color: rgb(255, 255, 255); display: table-c= ell; text-align: center; vertical-align: middle; } .ytp-ad-timed-pie-countdown-container { bottom: 4px; display: block; left: = 6px; position: absolute; z-index: 65; } svg.ytp-ad-timed-pie-countdown { background: none; border-radius: 50%; heig= ht: 20px; opacity: 0.4; transform: rotate(-90deg); width: 20px; } circle.ytp-ad-timed-pie-countdown-background { fill: none; stroke: none; } circle.ytp-ad-timed-pie-countdown-inner { fill: none; stroke: rgb(0, 0, 0);= stroke-width: 10px; } circle.ytp-ad-timed-pie-countdown-outer { fill: none; stroke: rgb(0, 0, 0);= stroke-width: 1; } .ytp-ad-survey { width: auto; height: 100%; background-color: white; font-f= amily: Roboto, Arial, sans-serif; padding: 0px 32px; margin: 0px; line-heig= ht: normal; display: flex; flex-direction: column; } .ytp-ad-survey-questions { display: flex; flex-direction: row; flex-grow: 1= ; align-items: center; justify-content: center; margin: 0px auto; height: 1= 00%; } .ytp-ad-survey-question { display: flex; flex-direction: row; flex-grow: 1;= padding-top: 0px; font-family: Roboto, Arial, sans-serif; } .ytp-ad-survey-question-background { position: absolute; top: 0px; left: 0p= x; background-size: cover; background-position: center center; width: 100%;= height: 100%; pointer-events: none; z-index: 1; } .ytp-ad-survey-question-foreground { z-index: 2; } .ytp-ad-survey-question-text { color: rgb(19, 19, 19); font-size: 20px; tex= t-align: left; width: 302px; margin-right: 48px; line-height: 28px; } .ytp-ad-survey-answers { right: 0px; top: 35px; width: 308px; } .ytp-ad-survey-answer { height: 48px; flex-grow: 1; display: flex; width: 1= 00%; } .ytp-ad-survey-none-of-the-above { flex-grow: 1; display: flex; width: 100%= ; font-size: 13.7px; height: 35px; padding-top: 4%; } .ytp-ad-survey-answers .ytp-ad-survey-none-of-the-above { padding-top: 0%; = height: 48px; } .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-icon { width: 20p= x; height: 20px; flex: 0 0 20px; margin-right: 12px; } .ytp-ad-toggle-button-input { display: none; } .ytp-ad-survey-answer-button, .ytp-ad-survey-answer-toggle-button { backgro= und: transparent; border-radius: 2px; color: rgb(96, 96, 96); font-family: = Roboto, Arial, sans-serif; cursor: pointer; font-size: 20px; line-height: 2= 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-a= lign: left; border: 0px; display: block; width: 100%; padding: 0px; box-siz= ing: border-box; } .ytp-ad-survey-answer-button:hover, .ytp-ad-survey-answer-toggle-button:hov= er { font-weight: 500; } .ytp-ad-survey-answer-button { margin-left: 24px; } .ytp-ad-survey-answer .ytp-ad-toggle-button-toggled { font-weight: 500; } .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-untoggled-icon sv= g path:first-of-type { fill: rgb(96, 96, 96); } .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-toggled-icon svg = path:last-of-type { fill: rgb(4, 94, 221); } .ytp-ad-toggle-button-label { display: flex; flex-direction: row; align-ite= ms: center; justify-content: flex-start; height: 100%; pointer-events: auto= ; cursor: pointer; } .ytp-ad-survey-player-overlay-submit { position: absolute; bottom: 12px; ri= ght: 0px; height: 52px; pointer-events: auto; } .ytp-ad-survey-submit-button { background: rgb(27, 127, 204); border: 0px; = cursor: pointer; border-radius: 2px; color: white; font-size: 13.7px; heigh= t: 35px; margin-right: 6px; padding-left: 12px; padding-right: 56px; } .ytp-ad-persisting-overlay, .ytp-ad-player-overlay, .ytp-ad-survey-player-o= verlay, .ytp-ad-survey-question-player-overlay { position: absolute; width:= 100%; height: 100%; bottom: 0px; left: 0px; pointer-events: none; } .ytp-ad-persisting-overlay-skip, .ytp-ad-player-overlay-skip-or-preview, .y= tp-ad-survey-player-overlay-skip-or-preview { width: 100%; height: 100%; ri= ght: 0px; } .ytp-ad-survey-interstitial { align-items: center; background-color: rgba(0= , 0, 0, 0.6); background-size: cover; display: flex; height: 100%; font-fam= ily: Roboto, Arial, sans-serif; opacity: 1; position: absolute; width: 100%= ; z-index: 5000; transition: opacity 0.5s ease 0s; } .ytp-ad-survey-interstitial[aria-hidden=3D"true"] { opacity: 0; transition:= opacity 0.3s ease 0s; } .ytp-ad-survey-interstitial-contents { height: 100%; width: 100%; } .ytp-ad-survey-interstitial .ytp-ad-survey-interstitial-contents { height: = auto; } .ytp-ad-survey-interstitial-text { margin-left: 32px; margin-top: 25px; pos= ition: relative; text-align: left; font-size: 24px; color: rgb(19, 19, 19);= width: 272px; } .ytp-ad-survey-interstitial-logo { background-position: center center; back= ground-size: 100% 100%; height: 25px; margin-left: 32px; position: relative= ; width: 105px; } .ytp-ad-survey-interstitial-logo-image { background-repeat: no-repeat; widt= h: 100%; height: 100%; } .ytp-ad-survey-interstitial-action { background-color: rgb(255, 255, 255); = border-radius: 2px; bottom: 0px; box-sizing: border-box; position: absolute= ; text-align: center; width: 100%; } .ytp-ad-survey-interstitial-action-button { background-color: rgb(6, 95, 21= 2); border-radius: 2px; color: rgb(255, 255, 255); cursor: pointer; font-si= ze: 14px; min-width: 161px; padding: 10px; margin-left: 32px; margin-top: 2= 5px; position: relative; text-align: center; text-transform: uppercase; bor= der: 0px; } @media screen and (max-width: 656px) { .ytp-ad-survey-interstitial-logo { margin-left: 48px; margin-top: 15px; } .ytp-ad-survey-interstitial-text { font-size: 20px; margin-left: 48px; } .ytp-ad-survey-interstitial-action-button { font-size: 18px; margin-left:= 48px; } .ytp-ad-survey { padding: 0px 32px; width: auto; } .ytp-ad-survey-question-text { font-size: 20px; margin-right: 32px; line-= height: 28px; width: auto; } .ytp-ad-survey-answers { top: 24px; width: auto; } .ytp-ad-survey-answer { height: 48px; } .ytp-ad-survey-none-of-the-above, .ytp-ad-survey-submit-button { height: = 22px; font-size: 10px; } .ytp-ad-survey-answer-button, .ytp-ad-survey-answer-toggle-button { font-= size: 20px; line-height: 28px; } .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-icon { height: = 20px; width: 20px; flex: 0 0 20px; margin-right: 12px; } .ytp-ad-survey-answers .ytp-ad-survey-none-of-the-above { height: 48px; } .ytp-ad-survey-player-overlay-submit { bottom: 0px; } .ytp-ad-survey-submit-button { margin-right: 4px; padding-left: 10px; pad= ding-right: 40px; } .ytp-ad-survey-player-overlay-instream-user-sentiment { display: none; } } @media screen and (min-width: 1294px) and (min-height: 630px) { .ytp-ad-survey-interstitial-text, .ytp-ad-survey-interstitial-logo, .ytp-= ad-survey-interstitial-action-button { margin-left: 64px; } .ytp-ad-survey { width: auto; padding: 0px 60px; } .ytp-ad-survey-question-text { font-size: 24px; line-height: 32px; margin= -right: 48px; width: 354px; } .ytp-ad-survey-answers { top: 38px; width: 390px; } .ytp-ad-survey-answer { height: 60px; } .ytp-ad-survey-none-of-the-above, .ytp-ad-survey-submit-button { height: = 44px; font-size: 18.2px; } .ytp-ad-survey-answer-button, .ytp-ad-survey-answer-toggle-button { font-= size: 24px; line-height: 32px; } .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-icon { height: = 32px; width: 32px; flex: 0 0 32px; margin-right: 20px; } .ytp-ad-survey-answers .ytp-ad-survey-none-of-the-above { height: 60px; } .ytp-ad-survey-player-overlay-submit { bottom: 25px; } .ytp-ad-survey-submit-button { margin-right: 8px; padding-left: 16px; pad= ding-right: 70px; } } @media screen and (min-width: 1720px) and (min-height: 980px) { .ytp-ad-survey-interstitial-text, .ytp-ad-survey-interstitial-logo, .ytp-= ad-survey-interstitial-action-button { margin-left: 96px; } .ytp-ad-survey { width: 100%; padding: 0px; } .ytp-ad-survey-question-text { font-size: 32px; line-height: 43px; margin= -right: 80px; width: 450px; } .ytp-ad-survey-answers { top: 57px; width: 500px; } .ytp-ad-survey-answer { height: 76px; } .ytp-ad-survey-none-of-the-above, .ytp-ad-survey-submit-button { height: = 67px; font-size: 27.4px; } .ytp-ad-survey-answer-button, .ytp-ad-survey-answer-toggle-button { font-= size: 32px; line-height: 43px; } .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-icon { height: = 32px; width: 32px; flex: 0 0 32px; margin-right: 20px; } .ytp-ad-survey-answers .ytp-ad-survey-none-of-the-above { height: 76px; } .ytp-ad-survey-player-overlay-submit { bottom: 45px; } .ytp-ad-survey-submit-button { margin-right: 12px; padding-left: 20px; pa= dding-right: 110px; } } .ytp-ad-toggle-button-tooltip { display: none; } .ytp-ad-toggle-button:hover .ytp-ad-toggle-button-tooltip { display: inline= -block; } .ytp-ad-instream-user-sentiment-container[aria-hidden=3D"true"] { opacity: = 0; } .ytp-ad-instream-user-sentiment-container { transition: opacity 0.4s cubic-= bezier(0, 0, 0.2, 1) 0s; background: rgba(0, 0, 0, 0.7); bottom: 139px; dis= play: inline-block; pointer-events: auto; position: absolute; right: 0px; z= -index: 35; } .ytp-exp-bigger-button-like-mobile .ytp-ad-instream-user-sentiment-containe= r { bottom: 147px; } .ytp-ad-instream-user-sentiment-container.ytp-ad-instream-user-sentiment-se= lected { transition: opacity 0.5s cubic-bezier(0.4, 0, 1, 1) 0s; background= : rgb(71, 128, 238); } .ytp-ad-instream-user-sentiment-like-button, .ytp-ad-instream-user-sentimen= t-dislike-button { display: inline-block; vertical-align: middle; } .ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button-icon { disp= lay: inline-block; height: 22px; opacity: 0.8; vertical-align: middle; widt= h: 22px; } .ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button-label { cur= sor: pointer; } .ytp-ad-instream-user-sentiment-like-button .ytp-ad-toggle-button-label { p= adding: 12px 10px 12px 20px; } .ytp-ad-instream-user-sentiment-dislike-button .ytp-ad-toggle-button-label = { padding: 12px 20px 12px 10px; } .ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button:hover .ytp-= ad-toggle-button-icon, .ytp-ad-instream-user-sentiment-container .ytp-ad-to= ggle-button.ytp-ad-toggle-button-toggled .ytp-ad-toggle-button-icon { opaci= ty: 1; } .ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button-tooltip { b= ackground: rgba(31, 31, 31, 0.5); color: rgb(255, 255, 255); font-family: R= oboto, Arial, sans-serif; font-size: 14px; font-weight: 500; height: 18px; = letter-spacing: 0px; margin: 9px 0px; padding: 8px 16px; position: absolute= ; text-align: center; white-space: nowrap; } .ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button:hover .ytp-= ad-toggle-button-tooltip { bottom: 46px; right: 20px; } .ytp-ad-player-overlay-top-bar-gradients { background-image: linear-gradien= t(rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0) 99%); display: flex; justify-co= ntent: space-between; background-color: rgba(0, 0, 0, 0); border-bottom: no= ne; height: 40px; width: 100%; opacity: 0.8; top: 0px; position: absolute; = z-index: 35; } .ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button::b= efore { content: none; } .ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button { = margin: auto 11px auto auto; pointer-events: auto; z-index: 35; } .ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button .y= tp-ad-button-text { font-family: "Helvetica Neue Light", arial, sans-serif;= font-size: 14px; line-height: normal; margin: auto 0px; padding: 0px 4px 5= px; text-transform: capitalize; text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 1p= x; color: rgb(255, 255, 255); text-decoration: none; } .ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button .y= tp-ad-button-icon { display: none; } .ytp-ad-player-overlay-top-bar-gradients .ytp-video-ad-top-bar-title { flex= : 1 1 0%; font-family: arial, sans-serif; white-space: nowrap; color: rgb(2= 55, 255, 255); text-overflow: ellipsis; text-shadow: rgba(0, 0, 0, 0.75) 1p= x 1px 1px; text-decoration: none; overflow: hidden; pointer-events: auto; c= ursor: pointer; font-size: 14px; max-width: 50%; height: 16px; line-height:= normal; margin: 10px 5px 5px 10px; z-index: 35; opacity: 0.9; } .ytp-ad-notification-container { transition: opacity 0.25s cubic-bezier(0, = 0, 0.2, 1) 0s; background: rgba(0, 0, 0, 0.4); bottom: 78px; color: rgb(255= , 255, 255); cursor: pointer; font-size: 16px; height: 52px; line-height: 5= 2px; min-width: 80px; opacity: 1; padding: 0px 20px; position: absolute; ri= ght: 0px; text-align: center; vertical-align: middle; z-index: 43; } .ytp-exp-bigger-button-like-mobile .ytp-ad-notification-container { bottom:= 86px; } .ytp-ad-notification-container[aria-hidden=3D"true"] { transition: opacity = 0.15s cubic-bezier(0.4, 0, 1, 1) 0s; opacity: 0; } .ytp-big-mode .ytp-ad-notification-container { bottom: 95px; } .ytp-hide-controls .ytp-ad-notification-container { bottom: 25px; } .ytp-ad-persistent-progress-bar-container { position: absolute; bottom: -3p= x; width: 100%; height: 3px; background-color: rgba(255, 255, 255, 0.2); op= acity: 0; transition: bottom 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, opacity 0.= 1s cubic-bezier(0.4, 0, 1, 1) 0s; z-index: 36; } .ytp-autohide .ytp-ad-persistent-progress-bar-container { opacity: 1; botto= m: 0px; transition: bottom 0.25s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 0.2= 5s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-ad-player-overlay-progress-bar .ytp-ad-persistent-progress-bar-contain= er { opacity: 1; bottom: 0px; transition: bottom 0.25s cubic-bezier(0, 0, 0= .2, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; background-color: r= gb(34, 34, 34); height: 4px; } .ytp-ad-persistent-progress-bar { position: absolute; left: 0px; bottom: 0p= x; height: 100%; background-color: rgb(255, 204, 0); } .ad-teal-design .ytp-ad-persistent-progress-bar { background-color: rgb(0, = 113, 108); } html[dark] .ad-teal-design .ytp-ad-persistent-progress-bar { background-col= or: rgb(0, 170, 167); } .ytp-impression-link { background: rgba(23, 23, 23, 0.8); border-bottom-rig= ht-radius: 2px; border-top-right-radius: 2px; bottom: 5px; height: 47px; po= sition: absolute; } .ytp-impression-link-content { margin-top: 16px; } .ytp-impression-link-text { color: white; float: left; font: 500 16px / 16p= x "YouTube Noto", Roboto, Arial, Helvetica, sans-serif; margin-left: 12px; = } .ytp-impression-link-logo { float: right; height: 16px; margin-left: 9px; m= argin-right: 12px; width: 72px; } .ytp-muted-autoplay-overlay, .ytp-muted-autoplay-endscreen-overlay { positi= on: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1001= ; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; background-size:= cover; } .ytp-muted-autoplay-overlay[aria-hidden=3D"true"], .ytp-muted-autoplay-ends= creen-overlay[aria-hidden=3D"true"] { opacity: 0; transition: opacity 0.25s= cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-muted-autoplay-bottom-buttons { position: absolute; right: 8px; bottom= : 8px; } .ytp-muted-autoplay-bottom-buttons .ytp-button { display: inline-block; ove= rflow: hidden; z-index: unset; bottom: 0px; margin: 0px 4px; } .ytp-muted-autoplay-bottom-buttons .ytp-watermark { display: inline-block; = overflow: hidden; z-index: unset; bottom: 0px; margin: 0px 4px; right: 0px;= padding-bottom: 2px; position: relative; } .ytp-muted-autoplay-overlay:not(.ytp-muted-autoplay-hide-watermark) .ytp-wa= termark { opacity: 1; } .ytp-muted-autoplay-hide-watermark .ytp-watermark { display: none; } .ytp-muted-autoplay-equalizer { position: relative; width: auto; height: au= to; } .ytp-muted-autoplay-equalizer-icon { margin: auto; top: 3px; width: 36px; h= eight: 36px; } .ytp-small-mode .ytp-muted-autoplay-equalizer-icon { width: 20px; height: 2= 0px; } .ytp-muted-autoplay-end-panel { position: absolute; top: 50%; left: 0px; ri= ght: 0px; margin: 0px 10%; display: none; } .ytp-muted-autoplay-show-end-panel.ytp-muted-autoplay-endscreen-overlay { b= ackground: rgba(0, 0, 0, 0.4); } .ytp-muted-autoplay-show-end-panel .ytp-muted-autoplay-end-panel { display:= flex; flex-wrap: nowrap; justify-content: center; } .ytp-muted-autoplay-end-text { position: absolute; font-weight: 500; text-a= lign: center; font-size: 14px; margin-top: 40px; } @keyframes ytp-equalizer-animation {=20 0% { transform: scaleY(1); } 50% { transform: scaleY(0.5); } 100% { transform: scaleY(1); } } @-webkit-keyframes ytp-equalizer-animation {=20 0% { transform: scaleY(1); } 50% { transform: scaleY(0.5); } 100% { transform: scaleY(1); } } .ytp-equalizer-bar-left, .ytp-equalizer-bar-middle, .ytp-equalizer-bar-righ= t { position: absolute; bottom: 0px; transform-origin: 8px 16px; animation-= name: ytp-equalizer-animation; animation-iteration-count: infinite; } .ytp-equalizer-bar-left { animation-duration: 0.5s; } .ytp-equalizer-bar-middle { animation-duration: 1.3s; } .ytp-equalizer-bar-right { animation-duration: 0.7s; } .ytp-expand-pause-overlay .caption-window, .ytp-expand-pause-overlay .ad-ov= erlay { display: none; } .ytp-pause-overlay { border-radius: 2px; direction: ltr; bottom: 49px; left= : 0px; margin: 12px; position: absolute; z-index: 40; transition: opacity 0= .25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-expand-pause-overlay .ytp-pause-overlay { background: rgba(23, 23, 23,= 0.9); padding: 12px 16px 16px; right: 0px; } .ytp-expand-pause-overlay.ytp-progress-bar-hover .ytp-pause-overlay { opaci= ty: 0.2; } .ytp-ce-shown .ytp-pause-overlay, .ytp-iv-drawer-open .ytp-pause-overlay, .= ytp-menu-shown .ytp-pause-overlay, .ytp-settings-shown .ytp-pause-overlay, = .ytp-small-mode .ytp-pause-overlay, .html5-video-player:not(.ytp-expand-pau= se-overlay) .ytp-pause-overlay .ytp-collapse, .html5-video-player:not(.ytp-= expand-pause-overlay) .ytp-pause-overlay .ytp-next, .html5-video-player:not= (.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-previous, .html5-video-= player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-suggestions, = .html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-= related-title, .ytp-pause-overlay.ytp-scroll-max .ytp-next, .ytp-pause-over= lay.ytp-scroll-min .ytp-previous, .ytp-probably-keyboard-focus .ytp-pause-o= verlay .ytp-next, .ytp-probably-keyboard-focus .ytp-pause-overlay .ytp-prev= ious, .ytp-touch-mode .ytp-pause-overlay .ytp-next, .ytp-touch-mode .ytp-pa= use-overlay .ytp-previous { display: none; } .ytp-big-mode .ytp-pause-overlay { bottom: 70px; margin: 24px; } .ytp-expand-pause-overlay.ytp-big-mode .ytp-pause-overlay { padding: 24px 3= 2px 32px; } .ytp-pause-overlay[aria-hidden=3D"true"] { opacity: 0; transition: opacity = 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-pause-overlay .ytp-related-title { margin-left: 4px; margin-bottom: 12= px; font-size: 14px; font-weight: 500; line-height: 20px; } .ytp-big-mode .ytp-pause-overlay .ytp-related-title { margin-bottom: 24px; = font-size: 28px; line-height: 32px; } .ytp-pause-overlay[aria-hidden=3D"true"] a.ytp-suggestion-link { opacity: 0= ; } .ytp-pause-overlay .ytp-suggestions { overflow: hidden; text-align: center;= white-space: nowrap; } .ytp-touch-mode .ytp-pause-overlay .ytp-suggestions { overflow-x: auto; } .ytp-touch-mode .ytp-pause-overlay .ytp-suggestions::-webkit-scrollbar { di= splay: none; } .ytp-big-mode .ytp-pause-overlay .ytp-suggestions { height: 180px; } .ytp-pause-overlay .ytp-suggestion-image { background-color: rgb(0, 0, 0); = background-position: center center; background-size: cover; height: 108px; = width: 192px; } .ytp-pause-overlay .ytp-next, .ytp-pause-overlay .ytp-previous { background= : rgb(51, 51, 51); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 1= px 5px; height: 32px; position: absolute; transform: translate(0px, 50%); w= idth: 32px; } .ytp-pause-overlay .ytp-next:hover, .ytp-pause-overlay .ytp-previous:hover = { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px; } .ytp-big-mode .ytp-pause-overlay .ytp-next, .ytp-big-mode .ytp-pause-overla= y .ytp-previous { height: 64px; width: 64px; } .ytp-pause-overlay .ytp-next { right: 4px; } .ytp-pause-overlay .ytp-previous { left: 4px; } .ytp-pause-overlay .ytp-collapse { height: 20px; opacity: 0.9; position: ab= solute; right: 20px; top: 12px; width: 20px; } .ytp-big-mode .ytp-pause-overlay .ytp-collapse { height: 32px; right: 36px;= top: 24px; width: 32px; } .ytp-pause-overlay .ytp-collapse:hover { opacity: 1; } .ytp-pause-overlay .ytp-expand { background: rgba(0, 0, 0, 0.6); border-rad= ius: 2px; font-size: 12px; line-height: 32px; padding: 0px 10px; text-trans= form: uppercase; } .ytp-big-mode .ytp-pause-overlay .ytp-expand { border-radius: 4px; font-siz= e: 24px; padding: 10px 15px; } .ytp-pause-overlay .ytp-expand:hover { background: rgba(0, 0, 0, 0.8); } .ytp-pause-overlay .ytp-expand svg, .ytp-pause-overlay .ytp-expand .ytp-ico= n { display: inline-block; height: 24px; margin-bottom: 2px; vertical-align= : middle; width: 24px; } .ytp-big-mode .ytp-pause-overlay .ytp-expand svg { width: 32px; height: 32p= x; } .ytp-expand-pause-overlay .ytp-expand { display: none; } .ytp-pause-overlay a.ytp-suggestion-link { display: inline-block; margin-le= ft: 4px; margin-right: 4px; position: relative; text-align: left; top: 50%;= transform: translate(0px, -50%); transition: all 0.5s cubic-bezier(0.4, 0,= 0.2, 1) 0s; } .ytp-pause-overlay .ytp-suggestion-overlay { inset: 0px; font-size: 12px; o= pacity: 0; padding: 8px; position: absolute; background-image: linear-gradi= ent(rgba(12, 12, 12, 0.8) 0px, transparent 100px); transition: opacity 0.5s= cubic-bezier(0.4, 0, 0.2, 1) 0s; } .ytp-big-mode .ytp-pause-overlay .ytp-suggestion-overlay { font-size: 20px;= } .ytp-pause-overlay a.ytp-suggestion-link:focus .ytp-suggestion-overlay, .yt= p-pause-overlay a.ytp-suggestion-link:hover .ytp-suggestion-overlay { opaci= ty: 1; } .ytp-pause-overlay .ytp-suggestion-link .ytp-suggestion-duration { backgrou= nd: rgb(0, 0, 0); border-radius: 2px; bottom: 4px; font-size: 11px; font-we= ight: 500; line-height: 1; opacity: 0.75; padding: 2px 4px; position: absol= ute; right: 4px; } .ytp-big-mode .ytp-pause-overlay .ytp-suggestion-link .ytp-suggestion-durat= ion { font-size: 17px; } .ytp-pause-overlay .ytp-suggestion-link .ytp-suggestion-duration[data-is-li= ve=3D"true"] { background: rgb(255, 0, 0); text-transform: uppercase; } .ytp-pause-overlay .ytp-suggestion-link .ytp-suggestion-duration:empty { di= splay: none; } .ytp-pause-overlay .ytp-suggestion-title, .ytp-pause-overlay .ytp-suggestio= n-author { overflow: hidden; white-space: nowrap; overflow-wrap: normal; te= xt-overflow: ellipsis; } .ytp-pause-overlay .ytp-suggestion-title { font-weight: 500; max-height: 30= px; } .ytp-pause-overlay-controls-hidden .ytp-pause-overlay { bottom: 0px; } .ytp-related-on-error-overlay { border-radius: 2px; bottom: 8px; left: 8px;= right: 8px; margin: 0px; position: absolute; transition: opacity 0.25s cub= ic-bezier(0, 0, 0.2, 1) 0s; padding: 16px 24px; } .ytp-small-mode .ytp-related-on-error-overlay { padding: 12px 24px; } .ytp-large-width-mode .ytp-related-on-error-overlay { bottom: 32px; left: 2= 8px; right: 28px; } .ytp-related-on-error-overlay.ytp-scroll-max .ytp-next, .ytp-related-on-err= or-overlay.ytp-scroll-min .ytp-previous, .ytp-probably-keyboard-focus .ytp-= related-on-error-overlay .ytp-next, .ytp-probably-keyboard-focus .ytp-relat= ed-on-error-overlay .ytp-previous, .ytp-touch-mode .ytp-related-on-error-ov= erlay .ytp-next, .ytp-touch-mode .ytp-related-on-error-overlay .ytp-previou= s { display: none; } .ytp-related-on-error-overlay .ytp-related-title { margin-left: 4px; margin= -bottom: 0px; font-size: 16px; font-weight: 500; line-height: 16px; } .ytp-large-width-mode .ytp-related-on-error-overlay .ytp-related-title { ma= rgin-left: 8px; } .ytp-big-mode .ytp-related-on-error-overlay .ytp-related-title { margin-bot= tom: 24px; font-size: 28px; line-height: 32px; } .ytp-related-on-error-overlay .ytp-suggestions { direction: ltr; overflow: = hidden; text-align: center; white-space: nowrap; margin-top: 8px; } .ytp-small-mode .ytp-related-on-error-overlay .ytp-suggestions { margin-top= : 6px; } .ytp-touch-mode .ytp-related-on-error-overlay .ytp-suggestions { overflow-x= : auto; } .ytp-related-on-error-overlay .ytp-suggestion-image { background-color: rgb= (0, 0, 0); background-position: center center; background-size: cover; posi= tion: relative; height: 108px; width: 192px; } .ytp-related-on-error-overlay .ytp-next, .ytp-related-on-error-overlay .ytp= -previous { background: rgb(51, 51, 51); border-radius: 50%; box-shadow: rg= ba(0, 0, 0, 0.2) 0px 1px 5px; height: 32px; position: absolute; width: 32px= ; bottom: 50%; } .ytp-big-mode .ytp-related-on-error-overlay .ytp-next, .ytp-big-mode .ytp-r= elated-on-error-overlay .ytp-previous { height: 64px; width: 64px; } .ytp-related-on-error-overlay .ytp-next { right: 28px; transform: translate= X(50%); } .ytp-large-width-mode .ytp-related-on-error-overlay .ytp-next { right: 32px= ; } [dir=3D"rtl"] .ytp-related-on-error-overlay .ytp-next { transform: translat= eX(-50%); } .ytp-related-on-error-overlay .ytp-previous { left: 28px; transform: transl= ateX(-50%); } .ytp-large-width-mode .ytp-related-on-error-overlay .ytp-previous { left: 3= 2px; } [dir=3D"rtl"] .ytp-related-on-error-overlay .ytp-previous { transform: tran= slateX(50%); } .ytp-related-on-error-overlay a.ytp-suggestion-link { display: inline-block= ; margin-left: 4px; margin-right: 4px; position: relative; text-align: left= ; top: 50%; transform: translate(0px, -50%); transition: all 0.5s cubic-bez= ier(0.4, 0, 0.2, 1) 0s; } .ytp-large-width-mode .ytp-related-on-error-overlay a.ytp-suggestion-link {= margin-left: 8px; margin-right: 8px; } .ytp-related-on-error-overlay .ytp-suggestion-overlay { inset: 0px; font-si= ze: 12px; opacity: 0; padding: 8px; position: absolute; background-image: l= inear-gradient(rgba(12, 12, 12, 0.8) 0px, transparent 100px); transition: o= pacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .ytp-big-mode .ytp-related-on-error-overlay .ytp-suggestion-overlay { font-= size: 20px; } .ytp-related-on-error-overlay a.ytp-suggestion-link:focus .ytp-suggestion-o= verlay, .ytp-related-on-error-overlay a.ytp-suggestion-link:hover .ytp-sugg= estion-overlay { opacity: 1; } .ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration= { background: rgb(0, 0, 0); border-radius: 2px; bottom: 4px; font-size: 14= px; font-weight: 500; line-height: 1; opacity: 0.9; padding: 2px 4px; posit= ion: absolute; right: 4px; } .ytp-big-mode .ytp-related-on-error-overlay .ytp-suggestion-link .ytp-sugge= stion-duration { font-size: 17px; } .ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration= [data-is-live=3D"true"] { background: rgb(255, 0, 0); text-transform: upper= case; } .ytp-related-on-error-overlay .ytp-suggestion-duration:empty { display: non= e; } .ytp-related-on-error-overlay .ytp-suggestion-title, .ytp-related-on-error-= overlay .ytp-suggestion-author { overflow: hidden; white-space: nowrap; ove= rflow-wrap: normal; text-overflow: ellipsis; } .ytp-related-on-error-overlay .ytp-suggestion-title { font-weight: 500; mar= gin-top: 8px; font-size: 16px; line-height: 18px; max-height: 30px; } .ytp-related-on-error-overlay .ytp-suggestion-author { opacity: 0.7; margin= -top: 4px; font-size: 14px; line-height: 16px; } .ytp-small-mode .ytp-related-on-error-overlay .ytp-next, .ytp-small-mode .y= tp-related-on-error-overlay .ytp-previous { height: 24px; width: 24px; } .ytp-small-mode .ytp-related-on-error-overlay .ytp-related-title { margin-b= ottom: 0px; font-size: 12px; line-height: 14px; } .ytp-small-mode .ytp-related-on-error-overlay .ytp-suggestion-title { margi= n-top: 6px; font-size: 12px; line-height: 14px; } .ytp-small-mode .ytp-related-on-error-overlay .ytp-suggestion-author { font= -size: 10px; line-height: 12px; } .ytp-watermark { position: absolute; width: 110px; height: 26px; bottom: 49= px; right: 16px; z-index: 27; opacity: 0.9; } .ytp-watermark.ytp-watermark-small { width: 85px; height: 20px; } .html5-video-player .ytp-watermark { transition: bottom 0.25s cubic-bezier(= 0, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-big-mode .ytp-watermark { bottom: 70px; } .ytp-hide-controls .ytp-watermark { bottom: 16px; transition: bottom 0.1s c= ubic-bezier(0.4, 0, 1, 1) 0s, opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-native-controls .ytp-watermark { bottom: 61px; left: 16px; } .ytp-watermark:hover { opacity: 1; } .ytp-muted-autoplay-overlay .ytp-watermark { bottom: 0px; } .ytp-autohide .ytp-watermark { opacity: 0; transition: bottom 0.1s cubic-be= zier(0.4, 0, 1, 1) 0s, opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .yt-badge-ypc { border: 1px solid rgb(115, 196, 33); color: rgb(115, 196, 3= 3); text-transform: none; } .yt-badge-ypc-free, .yt-badge-ypc-purchased, .yt-badge-ypc-seasonpass { bor= der: 1px solid rgb(117, 117, 117); color: rgb(117, 117, 117); text-transfor= m: uppercase; } .yt-badge.standalone-ypc-badge-renderer-icon { border: 0px; padding: 0px 5p= x; color: rgb(255, 255, 255); line-height: 16px; height: 16px; font-size: 1= 2px; border-radius: 2px; } .yt-badge.standalone-ypc-badge-renderer-icon-available { background: rgb(39= , 147, 230); } .yt-badge.standalone-ypc-badge-renderer-icon-not-available { background: rg= b(184, 184, 184); } .yt-badge.standalone-ypc-badge-renderer-icon-purchased { background: rgb(11= 8, 118, 118); } .standalone-ypc-badge-renderer-label { color: rgb(118, 118, 118); font-size= : 12px; } .standalone-ypc-badge-renderer-secondary-label { font-weight: 500; color: r= gb(118, 118, 118); border-radius: 2px; padding-left: 4px; padding-right: 4p= x; margin-right: 4px; text-align: center; } .rotten-rotomatoes-fresh-icon { background: url("/imgbin/www-hitchhiker.web= p") -479px -400px / auto no-repeat; width: 13px; height: 13px; } .rotten-rotomatoes-splat-icon { background: url("/imgbin/www-hitchhiker.web= p") -381px -487px / auto no-repeat; width: 13px; height: 13px; } .rotten-rotomatoes-certified-icon { background: url("/imgbin/www-hitchhiker= .webp") -416px -400px / auto no-repeat; width: 13px; height: 13px; } .review-aggregate-badge-renderer-icon { vertical-align: top; padding-right:= 2px; } .grid-movie-renderer-meta-info { padding-top: 6px; padding-bottom: 5px; } .grid-movie-renderer-metadata, .review-aggregate-badge-renderer-text, .revi= ew-aggregate-badge-renderer-text a:link, .review-aggregate-badge-renderer-t= ext a:visited { color: rgb(118, 118, 118); font-size: 12px; } .yt-badge { border: 1px solid rgb(221, 221, 221); padding: 0px 4px; height:= 13px; color: rgb(68, 68, 68); font-size: 11px; font-weight: normal; text-t= ransform: uppercase; text-decoration: none; line-height: 13px; display: inl= ine-block; } .yt-badge-beta-noframe { border: none; } .yt-badge-list { color: rgb(85, 85, 85); line-height: 100%; vertical-align:= middle; text-transform: uppercase; font-size: 0px; display: inline-block; = } .yt-badge-item { margin-right: 4px; vertical-align: middle; display: inline= -block; } .yt-badge-item:last-child { margin-right: 0px; } .yt-badge-ad { background: rgb(230, 188, 39); border: 0px; border-radius: 2= px; color: rgb(255, 255, 255); font-size: 13px; height: 16px; line-height: = 16px; padding: 0px 5px; text-transform: none; vertical-align: middle; } .yt-badge-live { border: 1px solid rgb(230, 33, 23); color: rgb(230, 33, 23= ); } .yt-music-pass-badge-container { display: inline-block; vertical-align: mid= dle; } .yt-badge-music { text-transform: none; border: none; color: rgb(255, 255, = 255); background-color: rgb(39, 147, 230); } .music-pass-icon { margin-top: 3px; background: url("/imgbin/www-hitchhiker= .webp") -151px -257px / auto no-repeat; width: 13px; height: 13px; } .yt-badge-mde-recoupment { margin: 5px; color: rgb(39, 147, 230); border: 1= px solid rgb(39, 147, 230); text-transform: uppercase; } .standalone-collection-badge-renderer-icon { background-color: rgb(241, 241= , 241); border-radius: 2px; color: rgb(0, 0, 0); border: none; margin: 3px = 6px 3px 0px; text-transform: none; } .standalone-collection-badge-renderer-text a { background-color: rgb(241, 2= 41, 241); border-radius: 2px; color: rgb(0, 0, 0); padding: 0px 4px; margin= -right: 6px; text-transform: none; } .standalone-collection-red-badge-renderer-icon { background-color: rgb(241,= 241, 241); border-radius: 2px; border: 1px solid rgb(241, 241, 241); color= : rgb(230, 33, 23); margin: 3px 0px; text-transform: none; } .standalone-collection-badge-renderer-text { font-size: 11px; color: rgb(85= , 85, 85); } .standalone-collection-badge-renderer-red-text { font-size: 11px; color: rg= b(230, 33, 23); } .ytp-iv-video-content { position: absolute; } .ytp-iv-video-content .video-annotations { display: block; position: absolu= te; z-index: 20; width: 100%; } .annotation { position: absolute; color: rgb(0, 0, 0); padding: 5px; text-a= lign: left; overflow-wrap: break-word; z-index: 0; cursor: pointer; box-siz= ing: border-box; } .video-legacy-annotations .annotation { background: rgba(0, 0, 0, 0); font-= family: sans-serif; white-space: pre-wrap; } .annotation-type-text .inner-text { max-height: 100%; overflow: hidden; } .annotation-shape { position: absolute; z-index: 0; } .annotation-close-button { background-size: contain; cursor: pointer; heigh= t: 16px; left: 0px; opacity: 0.85; position: absolute; top: 0px; width: 16p= x; } .annotation-extend-down .annotation-close-button, .annotation-extend-up .an= notation-close-button { background-size: initial; } .annotation-close-button:hover { opacity: 1; } .annotation-link-icon { background-size: contain; position: absolute; } .annotation-extend-down .inner-text + .annotation-close-button, .annotation= -extend-down .annotation-link-icon { background-position: right 4px bottom = 4px; background-size: 15px 15px; } .annotation-extend-up .inner-text + .annotation-close-button, .annotation-e= xtend-up .annotation-link-icon { background-position: right 4px top 4px; ba= ckground-size: 15px 15px; } .player-label-text { position: absolute; left: 1px; right: 1px; bottom: 0px= ; opacity: 0.8; border-radius: 0px 0px 4px 4px; } .annotation-no-mouse { cursor: default; pointer-events: none; } .annotation-type-custom { padding: 0px; cursor: default; } .annotation-type-custom > div { float: left; padding: 0px; overflow: hidden= ; } .iv-click-target { cursor: pointer; } .ytp-ad-overlay-open .iv-branding, .ytp-ad-overlay-open .iv-promo { display= : none; } .iv-branding { bottom: 0px; right: 0px; z-index: 29; opacity: 1; transition= : opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0.33s; } .ytp-iv-drawer-open .iv-branding { opacity: 0; transition: opacity 0.1s cub= ic-bezier(0.4, 0, 1, 1) 0s; } .iv-branding .branding-context-container-outer { bottom: 0px; float: left; = padding-right: 10px; position: absolute; } .iv-branding .branding-context-container-inner { background-color: rgba(28,= 28, 28, 0.9); border-radius: 2px; bottom: 0px; color: rgb(238, 238, 238); = max-width: 246px; opacity: 0; right: 0px; white-space: nowrap; transition: = opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .iv-branding-active .branding-context-container-inner { opacity: 1; transit= ion: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .iv-branding .branding-img-container img { display: block; opacity: 0.7; po= sition: relative; } .iv-branding .branding-img-container { float: right; } .iv-branding img.iv-click-target:hover { opacity: 1; } .iv-branding .iv-branding-context-name { max-width: 215px; text-overflow: e= llipsis; overflow: hidden; padding: 10px 10px 5px; } .iv-branding .iv-branding-context-subscribe { padding: 0px 10px 10px; font-= size: 11px; color: rgb(170, 170, 170); } .iv-branding .iv-branding-context-subscribe-caret { display: none; } .iv-promo, .iv-promo .iv-promo-img, .iv-promo .iv-promo-img img, .iv-promo = .iv-promo-contents, .iv-promo .iv-promo-contents > div, .iv-promo .iv-promo= -contents > a, .iv-promo .iv-promo-actions { height: 40px; } .iv-promo { bottom: 53px; left: 0px; z-index: 30; max-width: 100%; backgrou= nd-color: rgba(0, 0, 0, 0.8); color: rgb(204, 204, 204); font-size: 11px; w= hite-space: nowrap; transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0= s; } .ytp-exp-bigger-button-like-mobile .iv-promo { bottom: 61px; } .ytp-big-mode .iv-promo { bottom: 70px; } .html5-video-player.ad-showing .iv-promo { bottom: 78px; } .ytp-exp-bigger-button-like-mobile.html5-video-player.ad-showing .iv-promo = { bottom: 86px; } .html5-video-player.ytp-big-mode.ad-showing .iv-promo { bottom: 95px; } .iv-promo:hover { background-color: rgba(0, 0, 0, 0.9); } .iv-promo > div, .iv-promo .iv-promo-contents > div { display: inline-block= ; vertical-align: middle; box-sizing: border-box; float: none !important; } .iv-promo .iv-promo-contents > a { display: inline-block; vertical-align: m= iddle; box-sizing: border-box; color: rgb(204, 204, 204); float: none !impo= rtant; } .iv-promo.iv-promo-inactive { transition: transform 0.25s cubic-bezier(0, 0= , 0.2, 1) 0s; transform: translateX(-100%); } .iv-promo .iv-promo-img { left: 0px; position: absolute; z-index: 1; width:= 40px; } .iv-promo .iv-promo-img img { z-index: 1; width: 40px; } .iv-promo .iv-promo-img .iv-promo-playlist-length, .iv-promo .iv-promo-img = .iv-promo-video-duration, .iv-promo .iv-promo-contents .iv-promo-txt p, .iv= -promo .iv-promo-contents .iv-promo-txt strong { overflow: hidden; text-ove= rflow: ellipsis; } .iv-promo .iv-promo-contents .iv-promo-badge-live { margin: 4px 8px 0px; bo= rder: 1px solid rgb(255, 255, 255); background-color: rgb(230, 33, 23); col= or: rgb(255, 255, 255); } .iv-promo .iv-promo-img .iv-promo-playlist-length, .iv-promo .iv-promo-img = .iv-promo-video-duration { position: absolute; } .iv-promo .iv-promo-img .iv-promo-playlist-length { top: 0px; right: 0px; b= order-left: 1px solid rgba(255, 255, 255, 0.25); width: 30px; height: 100%;= background-color: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); font-weig= ht: 500; text-align: center; line-height: 40px; } .iv-promo .iv-promo-img .iv-promo-video-duration { bottom: 2px; right: 2px;= padding: 3px 2px; max-width: 32px; background-color: rgb(0, 0, 0); color: = rgb(255, 255, 255); font-size: 10px; } .iv-promo .iv-promo-contents { padding-right: 31px; width: 100%; max-width:= 311px; transition: max-width 0.2s ease-out 0s, padding-right 0.2s ease-out= 0s; } .iv-promo .iv-promo-img + .iv-promo-contents { padding-left: 40px; max-widt= h: 351px; } .iv-promo .iv-promo-contents .iv-promo-txt, .iv-promo .iv-promo-contents .i= v-promo-button-container { direction: ltr; max-width: 100%; overflow: hidde= n; -webkit-font-smoothing: antialiased; } .iv-promo .iv-promo-contents .iv-promo-txt p { margin: 3px 8px -4px; line-h= eight: 18px; } .iv-promo .iv-promo-contents .iv-promo-txt strong { color: rgb(255, 255, 25= 5); font-size: 12px; } .iv-promo-txt p span, .iv-promo-txt p strong { display: inline-block; max-w= idth: 264px; overflow: hidden; text-overflow: ellipsis; } .iv-promo-with-button .iv-promo-txt p span, .iv-promo-with-button .iv-promo= -txt p strong { max-width: 184px; } .iv-promo-txt p:first-child strong, .iv-promo-txt p:first-child span { marg= in-bottom: -6px; } .iv-promo .iv-promo-contents .iv-promo-txt .iv-promo-link { position: relat= ive; padding-right: 20px; max-width: 244px; color: rgb(255, 209, 0); } .iv-promo .iv-promo-contents .iv-promo-txt .iv-promo-link::after { position= : absolute; top: 2px; right: 0px; opacity: 0.5; content: ""; } .iv-promo .iv-promo-contents .iv-promo-txt:hover .iv-promo-link::after { op= acity: 1; } .iv-promo-button-container { position: absolute; right: 31px; } .iv-button { display: inline-block; height: 28px; border: 1px solid transpa= rent; padding: 0px 10px; outline: 0px; font-family: "YouTube Noto", Roboto,= arial, sans-serif; font-weight: 500; font-size: 11px; text-decoration: non= e; white-space: nowrap; overflow-wrap: normal; line-height: normal; vertica= l-align: middle; cursor: pointer; border-radius: 2px; box-shadow: rgba(0, 0= , 0, 0.05) 0px 1px 0px; box-sizing: border-box; } .iv-button:hover { text-decoration: none; } .iv-button:focus, .iv-button:focus:hover { box-shadow: rgba(27, 127, 204, 0= .4) 0px 0px 0px 2px; } .no-focus-outline .yt-uix-button:focus, .no-focus-outline .yt-uix-button:fo= cus:hover { box-shadow: none; } .iv-button[disabled], .iv-button[disabled]:hover, .iv-button[disabled]:acti= ve, .iv-button[disabled]:focus { opacity: 0.5; cursor: auto; box-shadow: no= ne; } .iv-button, .iv-button[disabled], .iv-button[disabled]:hover, .iv-button[di= sabled]:active, .iv-button[disabled]:focus { border-color: rgb(22, 122, 198= ); background: rgb(22, 122, 198); color: rgb(255, 255, 255); } .iv-button:hover { background: rgb(18, 109, 179); } .iv-button:active { background: rgb(9, 91, 153); box-shadow: rgba(0, 0, 0, = 0.5) 0px 1px 0px inset; } .iv-button .iv-button-content { display: inline; overflow: hidden; text-ove= rflow: ellipsis; } a.iv-button::after { content: ""; display: inline-block; vertical-align: mi= ddle; height: 100%; } .iv-promo-button { width: 64px; margin: 6px 8px; } .iv-promo .iv-promo-actions, .iv-promo .iv-promo-actions .iv-promo-close, .= iv-promo .iv-promo-actions .iv-promo-expand { top: 0px; right: 0px; positio= n: absolute; } .iv-promo .iv-promo-actions { width: 31px; } .iv-promo .iv-promo-actions .iv-promo-close, .iv-promo .iv-promo-actions .i= v-promo-expand { cursor: pointer; transition: opacity 0.2s ease-out 0s; } .iv-promo .iv-promo-actions .iv-promo-close::after, .iv-promo .iv-promo-act= ions .iv-promo-expand::after { display: block; content: ""; } .iv-promo .iv-promo-actions .iv-promo-close { opacity: 1; } .iv-promo .iv-promo-actions .iv-promo-close::after { margin: 16px 10px 15px= 12px; opacity: 0.5; } .iv-promo .iv-promo-actions .iv-promo-expand::after { margin: 16px 12px 15p= x; } .iv-promo.iv-promo-video .iv-promo-img, .iv-promo.iv-promo-video .iv-promo-= img img { width: 71px; } .iv-promo.iv-promo-video .iv-promo-img + .iv-promo-contents { padding-left:= 71px; max-width: 382px; } .iv-promo.iv-promo-with-button .iv-promo-contents .iv-promo-txt { padding-r= ight: 80px; } .iv-promo.iv-promo-collapsed .iv-promo-contents, .iv-promo.iv-promo-collaps= ed .iv-promo-actions .iv-promo-close, .iv-promo.iv-promo-collapsed .iv-prom= o-actions .iv-promo-expand { transition-timing-function: ease-in; transitio= n-delay: 0.5s; } .iv-promo.iv-promo-collapsed .iv-promo-contents { padding-right: 28px; max-= width: 0px !important; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui { left: 16px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-conten= ts .iv-promo-txt { padding-left: 60px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button= -container { line-height: 64px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui, .ytp-large-widt= h-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents, .ytp-large-= width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents > div, .= ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-content= s > a { height: 64px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button= { min-width: 110px; height: 36px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-img { = top: 6px; left: 6px; height: 52px; width: 52px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-img im= g { height: 52px; width: 52px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-conten= ts .iv-promo-txt strong { font-size: 16px; padding-top: 4px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button= { font-size: 15px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-conten= ts .iv-promo-txt .iv-promo-link { font-size: 14px; padding-top: 12px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-conten= ts .iv-promo-txt { min-width: 220px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-round-= expand-icon { top: 38px; left: 42px; } .ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button= { margin: 0px 12px 0px 0px; } .iv-promo-website-card-cta-redesign { text-align: left; cursor: pointer; ba= ckground-color: transparent; left: 12px; } .iv-promo-website-card-cta-redesign:hover { background-color: transparent; = } .iv-promo-website-card-cta-redesign .iv-promo-img + .iv-promo-contents { ma= x-width: 400px; background-color: rgba(255, 255, 255, 0.9); border-radius: = 2px; padding-left: 0px; padding-right: 0px; width: 100%; transition: width = 0.2s cubic-bezier(0, 0, 0.2, 1) 0.5s, max-width 0.2s cubic-bezier(0.4, 0, 1= , 1) 0s; } .iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-img + .iv-= promo-contents { transition-delay: 0.5s; } .iv-promo-website-card-cta-redesign:hover .iv-promo-contents { background-c= olor: rgb(255, 255, 255); } .iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-contents {= padding-right: 0px; } .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt { max-= width: 250px; padding-top: 10px; padding-left: 52px; } .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt p { li= ne-height: 16px; margin-top: 0px; } .iv-promo-website-card-cta-redesign .iv-promo-button-container { direction:= ltr; max-width: 150px; line-height: 56px; position: static; } .iv-promo-website-card-cta-redesign .iv-promo-button { max-width: 140px; ov= erflow: hidden; text-overflow: ellipsis; width: inherit; font-weight: 500; = margin: 0px 8px 0px 0px; } .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt .iv-pr= omo-link::after, .iv-promo-website-card-cta-redesign .iv-promo-actions { di= splay: none; } .iv-promo-website-card-cta-redesign, .iv-promo-website-card-cta-redesign .i= v-promo-contents, .iv-promo-website-card-cta-redesign .iv-promo-contents > = div, .iv-promo-website-card-cta-redesign .iv-promo-contents > a { direction= : ltr; height: 56px; } .iv-promo-website-card-cta-redesign .iv-promo-img { height: 48px; width: 48= px; top: 4px; left: 4px; overflow: visible; transform: none; transition: tr= ansform 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; } .iv-promo-website-card-cta-redesign .iv-promo-img img { height: 48px; width= : 48px; } .iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-round-expa= nd-icon { opacity: 1; transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) = 0.9s; } .iv-promo-website-card-cta-redesign .iv-promo-round-expand-icon { position:= absolute; padding-left: 0px; z-index: 35; height: 18px; width: 18px; borde= r-radius: 50%; top: 34px; left: 38px; background-color: rgb(70, 136, 241); = box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.24) 0px 2p= x 2px 0px; opacity: 0; } .iv-promo-website-card-cta-redesign .iv-promo-round-expand-icon::after { di= splay: block; content: ""; } .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt strong= { font-size: 14px; padding-top: 2px; color: rgb(51, 51, 51); } .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt .iv-pr= omo-link { padding: 8px 20px 0px 0px; font-size: 13px; color: rgb(118, 118,= 118); } .iv-promo-website-card-cta-redesign.iv-promo-inactive .iv-promo-contents { = width: 0px; } .iv-promo-website-card-cta-redesign.iv-promo-inactive, .iv-promo-website-ca= rd-cta-redesign.iv-promo-inactive .iv-promo-img { transform: translateX(-20= 0%); } .iv-promo-website-card-cta-redesign.iv-promo-inactive .iv-promo-round-expan= d-icon { display: none; } .ytp-small-mode .iv-promo-website-card-cta-redesign, .ytp-small-mode .iv-pr= omo-website-card-cta-redesign .iv-promo-contents, .ytp-small-mode .iv-promo= -website-card-cta-redesign .iv-promo-contents > div, .ytp-small-mode .iv-pr= omo-website-card-cta-redesign .iv-promo-contents > a { height: 40px; } .ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-img, .ytp-sma= ll-mode .iv-promo-website-card-cta-redesign .iv-promo-img img { height: 40p= x; width: 40px; } .ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-= promo-txt { padding: 4px 4px 4px 40px; } .ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-= promo-txt strong { padding-top: 0px; font-size: 12px; } .ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-= promo-txt .iv-promo-link { padding-top: 4px; font-size: 11px; } .ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-round-expand-= icon { top: 26px; left: 30px; } .ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-img { top: 0p= x; left: 0px; } .ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-button-contai= ner { display: none; } .ytp-autohide .iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-pr= omo-img { opacity: 0.8; transition: transform 0.2s cubic-bezier(0, 0, 0.2, = 1) 0s, opacity 0.2s cubic-bezier(0.4, 0, 1, 1) 0.8s; } .iv-drawer, .iv-drawer-header, .iv-drawer-content { position: absolute; } .iv-drawer { top: 0px; bottom: 0px; right: 0px; z-index: 32; width: 177px; = background-color: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); font-size:= 11px; line-height: 12px; transition: transform 0.33s cubic-bezier(0.4, 0, = 1, 1) 0s; } .iv-drawer-small.iv-drawer { width: 133px; } .iv-drawer-big.iv-drawer { font-size: 20px; line-height: 24px; width: 295px= ; } .iv-drawer { transform: translateX(177px); } .ytp-autohide.ytp-embed-overlays-autohide .iv-drawer { opacity: 0; transiti= on: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide .iv-dra= wer { display: none; } .iv-drawer-content * { text-align: left; } .ytp-iv-drawer-open .iv-drawer { transition: transform 0.33s cubic-bezier(0= , 0, 0.2, 1) 0s; transform: translateX(0px); } .iv-drawer-header { top: 0px; padding: 16px 32px 0px 16px; width: 177px; he= ight: 41px; } .iv-drawer-small .iv-drawer-header { padding: 9px 24px 0px 12px; height: 28= px; width: 133px; } .iv-drawer-big .iv-drawer-header { padding: 20px 48px 0px 32px; height: 64p= x; width: 295px; } .iv-drawer-header-text { font-weight: 500; display: block; overflow: hidden= ; white-space: nowrap; overflow-wrap: normal; text-overflow: ellipsis; } .html5-video-player .iv-drawer-header { box-sizing: border-box; } .iv-drawer-content { top: 41px; bottom: 0px; border-top: 1px solid transpar= ent; padding: 0px 16px; width: 145px; overflow: hidden auto; direction: ltr= ; text-align: left; } .iv-drawer-small .iv-drawer-content { padding: 0px 12px; top: 28px; width: = 109px; } .iv-drawer-big .iv-drawer-content { padding: 0px 32px; top: 64px; width: 23= 1px; } .iv-drawer-scrolled .iv-drawer-content { border-color: rgba(0, 0, 0, 0.4); = } .iv-drawer-content::-webkit-scrollbar { background-color: transparent; widt= h: 16px; } .iv-drawer-content::-webkit-scrollbar-thumb { border: 4px solid transparent= ; border-radius: 8px; background-clip: content-box; background-color: rgba(= 102, 102, 102, 0.5); } .iv-drawer-content::-webkit-scrollbar-track { background-color: transparent= ; } .ytp-autohide .iv-drawer-content::-webkit-scrollbar-thumb { background-colo= r: transparent; } .iv-drawer-content:hover::-webkit-scrollbar-thumb { background-color: rgb(1= 02, 102, 102) !important; } .iv-drawer-close-button { position: absolute; top: 0px; right: 0px; padding= : 16px; opacity: 0.75; cursor: pointer; } .iv-drawer-small .iv-drawer-close-button { padding: 8px; } .iv-drawer-big .iv-drawer-close-button { padding: 24px; } .iv-drawer-close-button::after { display: block; content: ""; } .iv-drawer-close-button:hover { opacity: 1; } .iv-card, .iv-card a.iv-click-target, .iv-card a.iv-click-target:hover, .iv= -card a.iv-click-target:focus { display: block; color: rgb(118, 118, 118); = text-decoration: none; } .iv-card { margin-bottom: 16px; width: 145px; overflow: hidden; background-= color: rgb(255, 255, 255); position: relative; overflow-wrap: break-word; b= ox-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; box-sizing: border-box; } .iv-drawer-small .iv-card { width: 109px; } .iv-drawer-big .iv-card { width: 231px; } .iv-card:hover .iv-card-primary-link { color: rgb(22, 122, 198) !important;= } .iv-card h2, .iv-card-action { display: -webkit-box; -webkit-box-orient: ve= rtical; overflow: hidden; text-overflow: ellipsis; } .webkit .iv-card h2::after, .webkit .iv-card-action::after { content: "=E2= =80=8C"; position: static; visibility: hidden; } .iv-card h2 { margin: 0px 0px 8px; -webkit-line-clamp: 6; max-height: 90px;= color: rgb(51, 51, 51); font-size: 13px; font-weight: 500; line-height: 15= px; } .iv-drawer-small .iv-card h2 { font-size: 11px; line-height: 12px; max-heig= ht: 72px; } .iv-drawer-big .iv-card h2 { font-size: 20px; line-height: 24px; max-height= : 144px; } .iv-card p, .iv-card .iv-card-meta-info, .iv-card .iv-card-action { margin:= -6px 0px 2px; } .iv-card-meta-info { list-style: none; padding: 0px; } .iv-card-image { position: relative; border-bottom: 1px solid rgb(226, 226,= 226); width: 145px; height: 145px; background: center center / cover no-re= peat rgb(241, 241, 241); color: rgb(255, 255, 255); } .iv-drawer-small .iv-card-image { width: 109px; height: 109px; } .iv-drawer-big .iv-card-image { width: 231px; height: 231px; } .iv-card-image-text { position: absolute; bottom: 0px; padding: 20px 10px 8= px; width: 100%; background-image: linear-gradient(transparent 0px, rgba(0,= 0, 0, 0.6) 100%); box-sizing: border-box; overflow: hidden; white-space: n= owrap; overflow-wrap: normal; text-overflow: ellipsis; } .iv-drawer-small .iv-card-image-text { font-size: 11px; line-height: 12px; = padding: 6px 8px; } .iv-drawer-big .iv-card-image-text { font-size: 18px; line-height: 20px; pa= dding: 12px 16px; } .iv-card-image-text .yt-badge { margin-right: 5px; } .iv-card-content { padding: 8px 10px; } .iv-drawer-small .iv-card-content { padding: 6px 8px; } .iv-drawer-big .iv-card-content { padding: 12px 16px; } .iv-card-content > :first-child { margin-top: 0px; } .iv-card-content > :last-child { margin-bottom: 0px; } .iv-card-message, .iv-card-action { font-weight: 500; } .iv-card-message { margin-bottom: 8px; border-bottom: 1px solid rgb(226, 22= 6, 226); padding-bottom: 8px; } .iv-card-action { -webkit-line-clamp: 4; max-height: 52px; white-space: now= rap; } .iv-drawer-small .iv-card-action { font-size: 11px; line-height: 12px; max-= height: 48px; } .iv-drawer-big .iv-card-action { font-size: 18px; line-height: 20px; max-he= ight: 80px; } .iv-card-action span { white-space: normal; } .iv-card-action-icon { padding: 0px 0px 0px 30px; min-height: 14px; backgro= und-position: left center; background-repeat: no-repeat; background-size: 2= 4px; } .iv-card-link-icon { display: inline-block; } .iv-card-video h2, .iv-card-episode h2, .iv-card-movie h2, .iv-card-playlis= t h2 { -webkit-line-clamp: 3; max-height: 45px; } .iv-drawer-small .iv-card-video h2, .iv-drawer-small .iv-card-episode h2, .= iv-drawer-small .iv-card-movie h2, .iv-drawer-small .iv-card-playlist h2 { = max-height: 36px; } .iv-drawer-big .iv-card-video h2, .iv-drawer-big .iv-card-episode h2, .iv-d= rawer-big .iv-card-movie h2, .iv-drawer-big .iv-card-playlist h2 { max-heig= ht: 72px; } .iv-card-channel h2 { -webkit-line-clamp: 2; max-height: 30px; } .iv-drawer-small .iv-card-channel h2 { max-height: 24px; } .iv-drawer-big .iv-card-channel h2 { max-height: 48px; } .iv-card-video .iv-card-image, .iv-card-episode .iv-card-image, .iv-card-mo= vie .iv-card-image, .iv-card-playlist .iv-card-image { background-color: rg= b(0, 0, 0); } .iv-card-video .iv-card-image, .iv-card-episode .iv-card-image, .iv-card-pl= aylist .iv-card-image { height: 82px; } .iv-drawer-small .iv-card-video .iv-card-image, .iv-drawer-small .iv-card-e= pisode .iv-card-image, .iv-drawer-small .iv-card-playlist .iv-card-image { = height: 61px; } .iv-drawer-big .iv-card-video .iv-card-image, .iv-drawer-big .iv-card-episo= de .iv-card-image, .iv-drawer-big .iv-card-playlist .iv-card-image { height= : 129px; } .iv-card-movie .iv-card-image { height: 209px; } .iv-drawer-small .iv-card-movie .iv-card-image { height: 157px; } .iv-drawer-big .iv-card-movie .iv-card-image { height: 335px; } .iv-card-video-duration { position: absolute; bottom: 5px; right: 5px; padd= ing: 2px 4px; background-color: rgb(0, 0, 0); } .iv-card-playlist .iv-card-image-overlay { display: table; position: absolu= te; top: 0px; right: 0px; width: 63px; height: 100%; background-color: rgba= (0, 0, 0, 0.7); color: rgb(207, 207, 207); font-size: 20px; text-align: cen= ter; text-transform: uppercase; line-height: 21px; } .iv-card-playlist-video-count { display: table-cell; text-align: center; ve= rtical-align: middle; } .iv-card-playlist-video-count::after { display: block; margin: auto; opacit= y: 0.5; content: ""; } .iv-card-poll { position: relative; } .iv-card-poll ul { max-width: 125px; list-style: none; margin: 0px; padding= : 0px; } .iv-drawer-small .iv-card-poll ul { max-width: 89px; } .iv-drawer-big .iv-card-poll ul { max-width: 211px; } .iv-card-poll fieldset { margin: 0px; border: 0px; padding: 0px; } .iv-card-poll label { display: block; cursor: pointer; padding-bottom: 5px;= min-height: 14px; background-position: left 0px top 5px; background-repeat= : no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuc= z0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTciIHZlcnNpb249IjEuMSIg= d2lkdGg9IjE3Ij48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIGZpbGw9Im5vbmUiIHI9IjcuNiI= gc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iMC41NCIgc3Ryb2tlLXdpZHRoPSIxLjgiIC= 8+PC9zdmc+"); color: rgba(0, 0, 0, 0.87); transition: color 0.5s cubic-bezi= er(0, 0, 0.2, 1) 0s; } .ytp-probably-keyboard-focus .iv-card-poll label.iv-card-poll-choice-focuse= d { box-shadow: rgba(27, 127, 204, 0.4) 0px 0px 0px 2px; } .iv-card-poll.iv-card-poll-voted label { color: rgba(0, 0, 0, 0.54); } .iv-card-poll.iv-card-poll-voted label.iv-card-poll-choice-checked { backgr= ound-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53= My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE3Ij48Y2l= yY2xlIGN4PSI4LjUiIGN5PSI4LjUiIGZpbGw9Im5vbmUiIHI9IjcuNiIgc3Ryb2tlPSIjMTY3YW= M2IiBzdHJva2Utd2lkdGg9IjEuOCIgLz48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIGZpbGw9I= iMxNjdhYzYiIHI9IjQuMjMiIC8+PC9zdmc+"); color: rgba(0, 0, 0, 0.87); } .iv-card-poll input[type=3D"checkbox"] { opacity: 0; width: 17px; height: 1= 7px; margin: 5px 0px 0px; float: left; } .iv-card-poll .iv-card-poll-choice-text { display: block; margin-left: 25px= ; padding-top: 8px; } .iv-drawer-big .iv-card-poll .iv-card-poll-choice-text { padding-top: 2px; = } .iv-card-poll li + li { margin-top: 8px; } .iv-card-poll .iv-card-poll-result { width: 100%; height: 4px; background-c= olor: rgb(223, 223, 223); visibility: hidden; } .iv-card-poll .iv-card-poll-result .iv-card-poll-result-bar { width: 100%; = height: 100%; background-color: rgb(22, 122, 198); transform-origin: left t= op; transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0s; } .iv-card-poll.iv-card-poll-expanded .iv-card-poll-result { visibility: visi= ble; } .iv-card-poll .iv-card-poll-choice-percent { display: none; float: right; m= argin-left: 5px; } .iv-card-poll.iv-card-poll-expanded .iv-card-poll-choice-percent { display:= block; } .iv-card-sign-in { visibility: hidden; position: absolute; top: 0px; left: = 0px; padding: 8px 10px; } .iv-card-sign-in p { margin: 0px 0px 8px; } .iv-card-sign-in a { color: rgb(255, 255, 255); } .iv-card-unavailable:hover .iv-click-target, .iv-card-unavailable:hover .iv= -card-content { visibility: hidden; } .iv-card-unavailable:hover .iv-card-sign-in { visibility: visible; } .iv-card-sponsored, .iv-ad-info-icon-container { position: relative; } .iv-card-sponsored { margin: 0px 0px 8px; color: rgb(153, 153, 153); } .iv-ad-info-container { display: inline-block; margin-left: 6px; } .iv-ad-info-icon { display: inline-block; position: relative; top: 1px; } .iv-ad-info { bottom: 21px; left: 0px; right: 0px; border: 1px solid rgb(0,= 0, 0); padding: 7px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); = font-size: 12px; } .iv-ad-info-container .iv-ad-info a { color: rgb(22, 122, 198); } .iv-ad-info-container .iv-ad-info a:hover { color: rgb(22, 122, 198); text-= decoration: underline; } .iv-ad-info-callout, .iv-ad-info-icon-container::after { left: 0px; border-= left: 5px solid transparent; border-right: 5px solid transparent; border-to= p: 5px solid; width: 0px; height: 0px; } .iv-ad-info-callout { bottom: 16px; border-top-color: rgb(0, 0, 0); } .iv-ad-info-icon-container::after { content: ""; bottom: 17px; border-top-c= olor: rgb(255, 255, 255); } .iv-ad-info, .iv-ad-info-callout, .iv-ad-info-icon-container::after { visib= ility: hidden; position: absolute; transition: visibility 0s ease 0.1s; } .iv-ad-info-container:hover .iv-ad-info-callout, .iv-ad-info-container:hove= r .iv-ad-info-icon-container::after, .iv-ad-info-container:hover .iv-ad-inf= o { visibility: visible; transition-delay: 0s; } .iv-card-product-listing h2 { -webkit-line-clamp: 3; max-height: 45px; colo= r: rgb(102, 102, 102); } .iv-drawer-small .iv-card-product-listing h2 { max-height: 36px; } .iv-drawer-big .iv-card-product-listing h2 { max-height: 72px; } .iv-card-offer-price { margin-bottom: 2px; font-weight: 500; font-size: 13p= x; line-height: 15px; color: rgb(51, 51, 51); } .iv-card-offer-merchant { color: rgb(9, 122, 65); } .ytp-chrome-top .ytp-cards-button { transition: opacity 0.25s cubic-bezier(= 0, 0, 0.2, 1) 0s; pointer-events: all; position: relative; z-index: 62; } .ytp-chrome-top .ytp-cards-button[aria-hidden=3D"true"] { opacity: 0; trans= ition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-cards-button { = max-width: 80px; width: 36px; } .ytp-show-cards-title .ytp-cards-button { margin-left: 10px; margin-right: = 10px; } .ytp-small-mode .ytp-show-cards-title .ytp-cards-button { margin-left: 0px;= margin-right: 0px; } .ytp-embed:not(.ad-showing).ytp-small-mode .ytp-cards-button { padding-top:= 16px; } .ytp-show-cards-title .ytp-cards-button-title { display: block; } .ytp-small-mode .ytp-show-cards-title .ytp-cards-button-title, .ytp-cards-b= utton-icon-shopping { display: none; } .ytp-cards-shopping-active .ytp-cards-button-icon-shopping { display: inlin= e-block; } .ytp-cards-shopping-active .ytp-cards-button-icon-default { display: none; = } .ytp-big-mode .ytp-chrome-top .ytp-cards-button, .ytp-chrome-top .ytp-cards= -button { width: auto; height: auto; } .ytp-cards-button-icon { margin: auto; width: 36px; height: 36px; } .ytp-big-mode .ytp-cards-button-icon { width: 54px; height: 54px; } .ytp-cards-button-title { font-weight: 500; text-align: center; font-size: = 14px; display: none; } .ytp-big-mode .ytp-cards-button-title { font-size: 20px; } .html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-cards-button-ti= tle { text-overflow: ellipsis; overflow: hidden; } .ytp-cards-button .ytp-svg-shadow { transition: stroke-opacity 0.1s cubic-b= ezier(0.4, 0, 1, 1) 0s; } .ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow { stroke-opacity:= 1; transition: stroke-opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0.25s; } .ytp-cards-button .ytp-svg-shadow-fill { transition: fill-opacity 0.1s cubi= c-bezier(0.4, 0, 1, 1) 0s; } .ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow-fill { fill-opaci= ty: 1; transition: fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0.25s; } .ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-sv= g-fill { fill: rgb(39, 147, 230); } .ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-sv= g-shadow { stroke: rgb(255, 255, 255); stroke-opacity: 1; } .ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-sv= g-shadow-fill { fill: rgb(255, 255, 255); fill-opacity: 1; } .ytp-cards-teaser { position: absolute; top: 8.5px; right: 0px; max-width: = 90%; opacity: 0.75; cursor: pointer; z-index: 61; box-sizing: border-box; t= ransition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-big-mode .ytp-cards-teaser { top: 13px; } .ytp-embed:not(.ad-showing).ytp-small-mode .ytp-cards-teaser { top: 16px; } .html5-video-player.ad-showing:not(.videoAdUiRedesign) .ytp-cards-teaser { = top: 40px; } .ytp-cards-teaser-shown .ytp-cards-teaser { opacity: 0.9; } .ytp-cards-teaser-shown .ytp-cards-teaser:hover { opacity: 1; } .ytp-autohide:not(.ytp-cards-teaser-shown) .ytp-cards-teaser { opacity: 0; = transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0.33s; } .ytp-iv-drawer-open .ytp-cards-teaser { opacity: 0; transition: opacity 0.1= s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-cards-teaser .ytp-cards-teaser-box, .ytp-cards-teaser .ytp-cards-tease= r-text { height: 31px; } .ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-box, .ytp-big-mode .ytp-c= ards-teaser .ytp-cards-teaser-text { height: 46px; } .ytp-cards-teaser .ytp-cards-teaser-box { position: absolute; top: 0px; rig= ht: 18px; border-radius: 2px; width: 100%; background: rgb(255, 255, 255); = border-bottom: 1px solid rgb(241, 241, 241); transition: transform 0.33s cu= bic-bezier(0.4, 0, 1, 1) 0s; transform: scaleX(0) translateX(0px); transfor= m-origin: right 0px; } .ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-box { right: 27px; } .ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box { transitio= n: transform 0.33s cubic-bezier(0, 0, 0.2, 1) 0.25s; transform: scaleX(1) t= ranslateX(18px); } .ytp-big-mode.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-bo= x { transform: scaleX(1) translateX(27px); } .ytp-cards-teaser .ytp-cards-teaser-text { position: relative; padding: 0px= 36px 0px 10px; max-width: 0px; opacity: 0; color: rgb(0, 0, 0); font-weigh= t: 500; font-size: 109.091%; line-height: 31px; text-shadow: initial; box-s= izing: border-box; overflow: hidden; white-space: nowrap; overflow-wrap: no= rmal; text-overflow: ellipsis; transition: opacity 0.165s cubic-bezier(0.4,= 0, 1, 1) 0s, max-width 0s ease 0.165s; } .ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-text { padding: 0px 66px = 0px 12px; line-height: 46px; } .ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text { max-widt= h: 415px; opacity: 1; transition: opacity 0.165s cubic-bezier(0, 0, 0.2, 1)= 0.415s; } .ytp-big-mode.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-te= xt { max-width: 635px; } .ytp-upnext { position: absolute; display: block; vertical-align: top; opac= ity: 1; overflow: hidden; width: 100%; height: 100%; transition: all 0.1s c= ubic-bezier(0.4, 0, 1, 1) 0s; z-index: 37; } .ytp-upnext-top { width: 100%; position: absolute; margin-left: auto; margi= n-right: auto; bottom: 50%; margin-bottom: 48px; } .ytp-small-mode .ytp-upnext-top { margin-bottom: 26px; } .ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-top { margin-botto= m: 0px; } .ytp-upnext-bottom { width: 100%; position: absolute; margin-left: auto; ma= rgin-right: auto; top: 50%; margin-top: 48px; } .ytp-small-mode .ytp-upnext-bottom { margin-top: 26px; } .ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-bottom { margin-to= p: 48px; } .ytp-upnext-title { display: block; padding: 0px 10px 2px; margin-left: 32p= x; margin-right: 32px; text-align: center; font-size: 200%; font-weight: 50= 0; overflow: hidden; white-space: nowrap; overflow-wrap: normal; text-overf= low: ellipsis; } .ytp-small-mode .ytp-upnext-title { font-size: 150%; } .ytp-upnext-author { display: block; line-height: 1.3em; overflow: hidden; = padding: 0px 10px 10px; text-align: center; color: rgb(255, 255, 255); font= -size: 130%; } .ytp-upnext-header { display: block; font-size: 140%; text-align: center; p= adding-bottom: 8px; color: rgba(255, 255, 255, 0.7); } .ytp-small-mode .ytp-upnext-header { padding-bottom: 0px; } .ytp-upnext-cancel { display: block; float: none; text-align: center; } .ytp-upnext-cancel-button { display: inline-block; float: none; padding: 10= px 20px; font-size: 140%; font-weight: 500; text-transform: uppercase; } .ytp-upnext-cancel-button:hover { background-color: rgba(255, 255, 255, 0.1= 5); border-radius: 2px; } .ytp-upnext-autoplay-icon { position: absolute; top: 50%; left: 50%; width:= 64px; height: 64px; margin: -32px 0px 0px -32px; transition: all 0.1s cubi= c-bezier(0.4, 0, 1, 1) 0s; } .ytp-small-mode .ytp-upnext-autoplay-icon { width: 50px; height: 50px; marg= in: -25px 0px 0px -25px; } .ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-autoplay-icon { ma= rgin-top: 0px; } .ytp-embed .ytp-endscreen-takeover ~ .ytp-replay-button { display: none; } .ytp-upnext-paused { display: block; text-align: center; font-size: 120%; f= ont-style: italic; opacity: 0; } .ytp-upnext-autoplay-paused .ytp-upnext-paused { opacity: 1; transition: al= l 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-upnext .ytp-cued-thumbnail-overlay-image { opacity: 0.4; } .ytp-player-minimized .ytp-upnext .ytp-cued-thumbnail-overlay-image { opaci= ty: 0.64; } .ytp-player-minimized .ytp-upnext .ytp-upnext-top { top: 0px; margin: 12px = 0px 0px 12px; } .ytp-player-minimized .ytp-upnext .ytp-upnext-header, .ytp-player-minimized= .ytp-upnext .ytp-upnext-title, .ytp-player-minimized .ytp-upnext .ytp-upne= xt-author { text-align: left; margin-bottom: 4px; } .ytp-player-minimized .ytp-upnext .ytp-upnext-header, .ytp-player-minimized= .ytp-upnext .ytp-upnext-author { font-size: 12px; font-weight: 400; color:= rgba(255, 255, 255, 0.7); padding: 0px; } .ytp-player-minimized .ytp-upnext .ytp-upnext-title { font-size: 15px; font= -weight: 500; color: rgb(255, 255, 255); padding: 0px 75px 0px 0px; } .ytp-player-minimized .ytp-upnext .ytp-upnext-autoplay-icon { width: 62px; = height: 62px; margin: -31px 0px 0px -31px; } .ytp-player-minimized .ytp-upnext .ytp-upnext-cancel-button, .ytp-player-mi= nimized .ytp-upnext .ytp-upnext-paused { font-size: 14px; font-weight: 500;= color: rgba(255, 255, 255, 0.7); } .ytp-player-minimized .ytp-upnext .ytp-upnext-cancel-button { padding: 8px;= margin-top: 8px; } .ytp-big-mode .ytp-upnext-autoplay-icon { width: 146px; height: 146px; marg= in: -73px 0px 0px -73px; } .ytp-big-mode .ytp-upnext-bottom { margin-top: 76px; } .ytp-big-mode .ytp-upnext-top { margin-bottom: 76px; } @-webkit-keyframes ytp-party-background-color {=20 0% { background-color: red; } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-color {=20 0% { color: red; } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-fill {=20 0% { fill: red; } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } @keyframes ytp-party-background-color {=20 0% { background-color: red; } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: red; } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: red; } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-cued-thumbnail-overlay { transition: opacity 0.25s cubic-bezier(0, 0, = 0.2, 1) 0s; background-size: cover; } .ytp-cued-thumbnail-overlay.ytp-exp-contain-thumbnail { background-size: co= ntain; } .ytp-cued-thumbnail-overlay[aria-hidden=3D"true"] { transition: opacity 0.2= 5s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-cued-thumbnail-overlay-image { background-size: cover; } .ytp-cued-thumbnail-overlay.ytp-exp-contain-thumbnail .ytp-cued-thumbnail-o= verlay-image { background-size: contain; } .ended-mode .ytp-cued-thumbnail-overlay:not([aria-hidden=3D"true"]), .unsta= rted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden= =3D"true"]) { cursor: pointer; } .ytp-mweb-endscreen-autonav { background-color: rgb(0, 0, 0); } .ytp-mweb-endscreen-hide-previous .ytp-mweb-endscreen-play-previous { displ= ay: none; } .ytp-mweb-endscreen-play-previous { left: 25%; } .ytp-mweb-endscreen-play-next, .ytp-mweb-endscreen-play-previous { position= : absolute; top: 33%; width: 72px; height: 72px; margin-left: -36px; } .ytp-mweb-endscreen-play-next { left: 75%; } .ytp-mweb-endscreen-replay { position: absolute; left: 50%; top: 33%; width= : 72px; height: 72px; margin-left: -36px; } @-webkit-keyframes ytp-party-background-color {=20 0% { background-color: red; } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-background-color {=20 0% { background-color: red; } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-color {=20 0% { color: red; } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: red; } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-fill {=20 0% { fill: red; } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: red; } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .subscribecard-endscreen .ytp-author-image { border-radius: 50%; flex-shrin= k: 0; height: 88px; width: 88px; } .subscribecard-endscreen .ytp-author-name { color: rgb(255, 255, 255); font= -size: 18px; margin-bottom: 10px; } .subscribecard-endscreen .ytp-subscribe-card { -webkit-box-align: center; a= lign-items: center; background: rgba(0, 0, 0, 0.85); border-radius: 5px; di= splay: flex; margin: 10px; max-width: 400px; padding: 10px; } .subscribecard-endscreen .ytp-subscribe-card-right { float: left; margin-le= ft: 15px; } @-webkit-keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-videowall-still { position: absolute; display: block; cursor: pointer;= vertical-align: top; opacity: 0; overflow: hidden; transform: scale(0.1); = } .ytp-show-tiles .ytp-videowall-still { opacity: 1; transform: none; transit= ion: transform 0.3s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 0.3s cubic-bezie= r(0, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1) 0s, o= pacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-videowall-still-mini .ytp-videowall-still-info-author, .ytp-videowall-= still-mini .ytp-videowall-still-info-duration, .ytp-videowall-still-list .y= tp-videowall-still-info-duration, .ytp-videowall-still-mix .ytp-videowall-s= till-info-duration, .ytp-videowall-still-mini .ytp-videowall-still-info-liv= e, .ytp-videowall-still[data-is-live=3D"true"] .ytp-videowall-still-info-du= ration { display: none; } .ytp-videowall-still[data-is-live=3D"true"] .ytp-videowall-still-info-live = { display: block; } .ytp-videowall-still-listlabel-regular, .ytp-videowall-still-listlabel-mix = { display: none; height: 2.15em; padding-right: 10px; color: rgb(255, 255, = 255); font-weight: 500; text-transform: uppercase; background-color: rgba(0= , 0, 0, 0.7); } .ytp-videowall-still-mini .ytp-videowall-still-listlabel-regular, .ytp-vide= owall-still-mini .ytp-videowall-still-listlabel-mix { font-size: 100%; } .ytp-videowall-still-listlabel-icon { display: inline-block; vertical-align= : middle; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0i= aHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9= yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjEwMCUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwID= M2IDM2IiB3aWR0aD0iMTAwJSI+PHVzZSBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuM= TUiIHN0cm9rZS13aWR0aD0iMnB4IiB4bGluazpocmVmPSIjeXRwLXN2Zy1wbGF5bGlzdCIgLz48= cGF0aCBkPSJtIDIyLjUzLDIxLjQyIDAsNi44NSA1LjY2LC0zLjQyIC01LjY2LC0zLjQyIDAsMCB= 6IG0gLTExLjMzLDAgOS4wNiwwIDAsMi4yOCAtOS4wNiwwIDAsLTIuMjggMCwwIHogbSAwLC05Lj= E0IDEzLjYsMCAwLDIuMjggLTEzLjYsMCAwLC0yLjI4IDAsMCB6IG0gMCw0LjU3IDEzLjYsMCAwL= DIuMjggLTEzLjYsMCAwLC0yLjI4IDAsMCB6IiBmaWxsPSIjZmZmIiBpZD0ieXRwLXN2Zy1wbGF5= bGlzdCIgLz48L3N2Zz4=3D"); width: 2.15em; height: 2.15em; } .ytp-videowall-still-listlabel-mix-icon { display: inline-block; vertical-a= lign: middle; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxu= cz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3Lnc= zLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjEwMCUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMC= AwIDM2IDM2IiB3aWR0aD0iMTAwJSI+PHVzZSBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5P= SIuMTUiIHN0cm9rZS13aWR0aD0iMnB4IiB4bGluazpocmVmPSIjeXRwLXN2Zy1taXgiIC8+PHBh= dGggZD0iTTI1LjY1LDE4IEMyNS42MywyMC4zMSAyNC43OCwyMi40MSAyMy40LDI0LjA2IEwyNC4= zLDI1IEMyNS45OSwyMy4yMCAyNywyMC43MyAyNywxOCBDMjcsMTUuMjcgMjUuOTksMTIuNzkgMj= QuMywxMSBMMjMuNCwxMS45MyBDMjQuNzgsMTMuNTggMjUuNjMsMTUuNjggMjUuNjUsMTggWiBNM= TAuMzUsMTggQzEwLjM2LDE1LjY4IDExLjIxLDEzLjU4IDEyLjYsMTEuOTMgTDExLjcsMTEgQzEw= LjAwLDEyLjc5IDksMTUuMjcgOSwxOCBDOSwyMC43MyAxMC4wMCwyMy4yMCAxMS43LDI1IEwxMi4= 2LDI0LjA2IEMxMS4yMSwyMi40MSAxMC4zNiwyMC4zMSAxMC4zNSwxOCBaIE0xMy4wNSwxOCBDMT= MuMDEsMTYuMjcgMTMuNTQsMTQuOTEgMTQuNCwxMy44IEwxMy41LDEyLjg2IEMxMi4zNywxNC4xM= iAxMS43LDE1Ljg1IDExLjcsMTggQzExLjcsMTkuNjcgMTIuMzcsMjEuNDAgMTMuNSwyMi42NiBM= MTQuNCwyMS43MyBDMTMuNTQsMjAuNjEgMTMuMDEsMTkuMjYgMTMuMDUsMTggWiBNMjIuMDUsMTI= uODYgTDIxLjE1LDEzLjggQzIyLjAwLDE0LjkxIDIyLjUzLDE2LjI3IDIyLjUsMTggQzIyLjUzLD= E5LjI2IDIyLjAwLDIwLjYxIDIxLjE1LDIxLjczIEwyMi4wNSwyMi42NiBDMjMuMTcsMjEuNDAgM= jMuODUsMTkuNjcgMjMuODUsMTggQzIzLjg1LDE1Ljg1IDIzLjE3LDE0LjEyIDIyLjA1LDEyLjg2= IFogTTE2LjUsMTUuNjYgTDIwLjEsMTcuNTMgTDE2LjUsMTkuODYgTDE2LjUsMTUuNjYgWiIgZml= sbD0iI2ZmZiIgaWQ9Inl0cC1zdmctbWl4IiAvPjwvc3ZnPg=3D=3D"); width: 2.15em; hei= ght: 2.15em; } .ytp-videowall-still-listlabel-length { font-weight: normal; } .ytp-videowall-still-mini .ytp-videowall-still-listlabel-length { display: = none; } .ytp-videowall-still:hover .ytp-videowall-still-listlabel-regular, .ytp-vid= eowall-still:focus .ytp-videowall-still-listlabel-regular, .ytp-videowall-s= till:hover .ytp-videowall-still-listlabel-mix, .ytp-videowall-still:focus .= ytp-videowall-still-listlabel-mix { background-color: rgba(0, 0, 0, 0); } .ytp-videowall-still[data-is-list=3D"true"]:not([data-is-mix=3D"true"]) .yt= p-videowall-still-listlabel-regular, .ytp-videowall-still[data-is-mix=3D"tr= ue"] .ytp-videowall-still-listlabel-mix { display: block; } .ytp-videowall-still-image { transition: background 0.1s cubic-bezier(0.4, = 0, 1, 1) 0s; background-position: center center; background-repeat: no-repe= at; background-size: cover; inset: 0px; position: absolute; } .ytp-videowall-still-info-author { float: left; margin-top: 2px; } .ytp-videowall-still-info-content { background-image: linear-gradient(rgba(= 12, 12, 12, 0.8) 0px, transparent 100px); transition: opacity 0.3s ease 0s;= inset: 0px; color: rgb(255, 255, 255); opacity: 0; padding: 10px; position= : absolute; } .ytp-videowall-still:focus .ytp-videowall-still-info-content, .ytp-videowal= l-still:hover .ytp-videowall-still-info-content, .ytp-videowall-still.ytp-v= ideowall-show-text .ytp-videowall-still-info-content { opacity: 1; } .ytp-videowall-still-info-duration { background: rgb(0, 0, 0); border-radiu= s: 2px; bottom: 2px; font-weight: 500; line-height: 1; opacity: 0.75; paddi= ng: 2px; position: absolute; right: 2px; } .ytp-videowall-still-info-duration:empty { display: none; } .ytp-videowall-still-info-live { background: rgb(255, 0, 0); border-radius:= 2px; bottom: 2px; font-weight: 500; line-height: 1; opacity: 0.9; padding:= 2px; position: absolute; right: 2px; display: none; text-transform: upperc= ase; } .ytp-videowall-still-info-title { display: block; font-size: 118%; font-wei= ght: 500; line-height: 1.2; max-height: 30px; overflow: hidden; } .ytp-big-mode .ytp-videowall-still-info-title { font-weight: normal; max-he= ight: 48px; } .ytp-videowall-still-listlabel { background: rgba(0, 0, 0, 0.86); bottom: 0= px; left: 0px; position: absolute; right: 0px; } .ytp-videowall-still:focus .ytp-videowall-still-listlabel, .ytp-videowall-s= till:hover .ytp-videowall-still-listlabel { background: rgba(0, 0, 0, 0.86)= ; } .html5-endscreen { cursor: default; overflow: hidden; z-index: 34; } .ytp-endscreen-takeover.html5-endscreen { display: none; } .ytp-title-enable-channel-logo .html5-endscreen { margin-top: 16px; } .ytp-big-mode.ytp-title-enable-channel-logo .html5-endscreen { margin-top: = 32px; } .ytp-endscreen-content { position: absolute; left: 50%; top: 50%; } .ytp-endscreen-takeover .ytp-endscreen-content { display: none; } .ytp-hide-info-bar .html5-endscreen.ytp-endscreen-redesign { top: 10px; } .html5-endscreen.ytp-endscreen-paginate { left: 32px; overflow: visible; ri= ght: 32px; } .ytp-big-mode .html5-endscreen.ytp-endscreen-paginate { left: 48px; right: = 48px; } .ytp-endscreen-next { display: none; height: 100%; opacity: 0.9; position: = absolute; right: -32px; width: 32px; transition: opacity 0.1s cubic-bezier(= 0, 0, 0.2, 1) 0s; } .ytp-big-mode .ytp-endscreen-next { right: -48px; width: 48px; } .ytp-endscreen-paginate .ytp-endscreen-next { display: block; } .ytp-endscreen-next:hover { opacity: 1; transition: opacity 0.1s cubic-bezi= er(0.4, 0, 1, 1) 0s; } .ytp-endscreen-previous { display: none; height: 100%; left: -32px; opacity= : 0.9; position: absolute; width: 32px; transition: opacity 0.1s cubic-bezi= er(0, 0, 0.2, 1) 0s; } .ytp-big-mode .ytp-endscreen-previous { left: -48px; width: 48px; } .ytp-endscreen-paginate .ytp-endscreen-previous { display: block; } .ytp-endscreen-previous:hover { opacity: 1; transition: opacity 0.1s cubic-= bezier(0.4, 0, 1, 1) 0s; } .ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button = { width: auto; position: absolute; left: 50%; transform: translateX(-50%); = text-align: center; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s= ; } .ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button[= aria-hidden=3D"true"] { opacity: 0; transition: opacity 0.1s cubic-bezier(0= .4, 0, 1, 1) 0s; } .ytp-fullerscreen-edu-chevron { display: inline-block; width: 24px; } .ytp-fullerscreen-edu-button:not(.ytp-fullerscreen-edu-button-subtle) .ytp-= fullerscreen-edu-chevron { height: 50%; } .ytp-fullerscreen-edu-text { height: 50%; margin-top: -8px; } .ytp-fullerscreen-edu-button-subtle .ytp-fullerscreen-edu-text { display: n= one; } .ytp-fullscreen-button::after { content: ""; display: block; height: 100%; = width: 12px; position: absolute; top: 0px; left: 100%; } .ytp-big-mode .ytp-fullscreen-button::after { width: 24px; } .ytp-fullscreen-button-corner-0, .ytp-fullscreen-button-corner-1, .ytp-full= screen-button-corner-2, .ytp-fullscreen-button-corner-3 { transform: none; = } @keyframes ytp-fullscreen-button-corner-0-animation {=20 50% { transform: translate(-1px, -1px); } } @keyframes ytp-fullscreen-button-corner-1-animation {=20 50% { transform: translate(1px, -1px); } } @keyframes ytp-fullscreen-button-corner-2-animation {=20 50% { transform: translate(1px, 1px); } } @keyframes ytp-fullscreen-button-corner-3-animation {=20 50% { transform: translate(-1px, 1px); } } .ytp-fullscreen-button:not([aria-disabled=3D"true"]):hover .ytp-fullscreen-= button-corner-0 { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal = none running ytp-fullscreen-button-corner-0-animation; } .ytp-fullscreen-button:not([aria-disabled=3D"true"]):hover .ytp-fullscreen-= button-corner-1 { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal = none running ytp-fullscreen-button-corner-1-animation; } .ytp-fullscreen-button:not([aria-disabled=3D"true"]):hover .ytp-fullscreen-= button-corner-2 { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal = none running ytp-fullscreen-button-corner-2-animation; } .ytp-fullscreen-button:not([aria-disabled=3D"true"]):hover .ytp-fullscreen-= button-corner-3 { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal = none running ytp-fullscreen-button-corner-3-animation; } .ytp-multicam-menu { position: absolute; right: 0px; top: 0px; bottom: 0px;= max-width: 100%; z-index: 73; background: rgba(0, 0, 0, 0.2); overflow: hi= dden; transition: width 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; width: 175px; = } .ytp-multicam-menu-items { width: 175px; } .ytp-big-mode .ytp-multicam-menu, .ytp-big-mode .ytp-multicam-menu-header, = .ytp-big-mode .ytp-multicam-menu-items { width: 262px; } .ytp-multicam-menu[aria-hidden=3D"true"] { width: 0px; transition: width 0.= 25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-multicam-menu-header { position: absolute; top: 16px; left: 16px; widt= h: 143px; height: 22px; font-size: 105%; line-height: 22px; font-weight: 50= 0; } .ytp-big-mode .ytp-multicam-menu-header { top: 24px; left: 24px; right: 24p= x; height: 33px; line-height: 33px; } .ytp-multicam-menu-close { float: right; width: 22px; height: 100%; } .ytp-big-mode .ytp-multicam-menu-close { width: 33px; } .ytp-multicam-menu-items { position: absolute; inset: 54px 0px 0px; overflo= w: hidden auto; } .ytp-big-mode .ytp-multicam-menu-items { top: 81px; } .ytp-multicam-menu-item { position: relative; width: 143px; height: 81px; m= argin: 2px 16px 14px; background-position: 0px -13px; background-size: 143p= x 107px; } .ytp-big-mode .ytp-multicam-menu-item { width: 214px; height: 121px; margin= : 3px 24px 21px; background-position: 0px -19.5px; background-size: 214px 1= 60px; } .ytp-multicam-menu-item[aria-checked=3D"true"] { width: 147px; height: 85px= ; border: 2px solid rgb(234, 0, 0); margin: 0px 14px 12px; } .ytp-big-mode .ytp-multicam-menu-item[aria-checked=3D"true"] { width: 220px= ; height: 127px; border-width: 3px; margin: 0px 21px 18px; } .ytp-multicam-menu-item-title { position: absolute; bottom: 0px; left: 0px;= right: 0px; height: 32px; line-height: 32px; padding: 0px 1em; font-weight= : 500; box-shadow: rgba(8, 8, 8, 0.9) 0px -32px 32px -21px inset; overflow:= hidden; white-space: nowrap; overflow-wrap: normal; text-overflow: ellipsi= s; } .ytp-big-mode .ytp-multicam-menu-item-title { height: 48px; line-height: 48= px; box-shadow: rgba(8, 8, 8, 0.9) 0px -48px 48px -31px inset; } .ytp-menuitem { display: table-row; cursor: default; outline: none; height:= 40px; } .ytp-big-mode .ytp-menuitem { height: 49px; } .ytp-menuitem:not([aria-disabled=3D"true"]) { cursor: pointer; } .ytp-menuitem:not([aria-disabled=3D"true"]):hover { background-color: rgba(= 255, 255, 255, 0.1); } .ytp-menuitem-label { display: table-cell; vertical-align: middle; padding:= 0px 15px; } .ytp-menuitem-icon { display: table-cell; vertical-align: middle; } .ytp-menuitem-content { display: table-cell; vertical-align: middle; paddin= g: 0px 15px; } .ytp-menuitem-label { padding-left: 0px; } .ytp-menuitem-icon { padding: 0px 10px; } .ytp-big-mode .ytp-menuitem-icon { padding: 0px 15px; } .ytp-menuitem-icon svg { display: block; width: 24px; height: 24px; } .ytp-big-mode .ytp-menuitem-icon svg { width: 36px; height: 36px; } .ytp-menuitem-label { font-size: 118%; font-weight: 500; } .ytp-quality-menu .ytp-menuitem { white-space: nowrap; } .ytp-quality-menu .ytp-panel-menu { margin-right: 10px; } .ytp-quality-menu .ytp-menuitem-label sup { display: inline-block; width: 0= px; } .ytp-big-mode .ytp-menuitem-label, .ytp-big-mode .ytp-menuitem-content { pa= dding: 0px 15px 0px 0px; } .ytp-menuitem[role=3D"menuitemradio"] .ytp-menuitem-content { display: none= ; } .ytp-menuitem[role=3D"menuitemradio"] .ytp-menuitem-label { padding-left: 3= 5px; padding-right: 20px; border-bottom: none; } .ytp-big-mode .ytp-menuitem[role=3D"menuitemradio"] .ytp-menuitem-label { p= adding-left: 52px; padding-right: 35px; } .ytp-menuitem[role=3D"menuitemradio"][aria-checked=3D"true"] .ytp-menuitem-= label { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaH= R0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2a= WV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxMDAlIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwt= MS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4= =3D"); background-repeat: no-repeat; background-position: left 10px center;= background-size: 18px 18px; } .ytp-big-mode .ytp-menuitem[role=3D"menuitemradio"][aria-checked=3D"true"] = .ytp-menuitem-label { background-position: left 15px center; background-siz= e: 27px 27px; } .ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-label { box-= shadow: rgba(27, 127, 204, 0.8) 2px 2px 0px inset, rgba(27, 127, 204, 0.8) = 0px -2px 0px inset; } .ytp-probably-keyboard-focus .ytp-menuitem[role=3D"menuitemradio"]:focus .y= tp-menuitem-label { box-shadow: rgba(27, 127, 204, 0.8) 2px 2px 0px inset, = rgba(27, 127, 204, 0.8) -2px -2px 0px inset; } .ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-content { bo= x-shadow: rgba(27, 127, 204, 0.8) -2px -2px 0px inset, rgba(27, 127, 204, 0= .8) 0px 2px 0px inset; } .ytp-menuitem-content { font-size: 109%; text-align: right; } .ytp-menu-label-secondary { font-size: 91%; color: rgb(204, 204, 204); } .ytp-menuitem[aria-haspopup=3D"true"] .ytp-menuitem-content { background-re= peat: no-repeat; background-position: right 9px center; background-size: 32= px 32px; padding-right: 38px; background-image: url("data:image/svg+xml;bas= e64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSI= gdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxMDAlIj48cGF0aCBkPS= JtIDEyLjU5LDIwLjM0IDQuNTgsLTQuNTkgLTQuNTgsLTQuNTkgMS40MSwtMS40MSA2LDYgLTYsN= iB6IiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg=3D=3D"); } .ytp-big-mode .ytp-menuitem[aria-haspopup=3D"true"] .ytp-menuitem-content {= background-position: right 13px center; background-size: 48px 48px; paddin= g-right: 57px; } .ytp-menuitem sup { line-height: 0; font-size: 0.8em; font-weight: 500; } .ytp-menuitem-label-count { color: rgb(204, 204, 204); } .ytp-menuitem-badge-container { display: inline-block; margin-right: 4px; v= ertical-align: middle; } .ytp-menuitem-badge-container svg { display: block; width: 11px; } .ytp-big-mode .ytp-menuitem-badge-container { margin-right: 6px; vertical-a= lign: middle; } .ytp-big-mode .ytp-menuitem-badge-container svg { width: 16px; } .ytp-menuitemtitle { padding: 0px 15px; max-width: 200px; text-align: cente= r; } .ytp-big-mode .ytp-menuitemtitle { padding: 0px 22px; max-width: 300px; } .ytp-menuitem-inline-survey-response { margin-left: 0.8em; display: inline-= block; cursor: pointer; } .ytp-menuitem-inline-survey-response:hover { background-color: rgba(255, 25= 5, 255, 0.1); } .ytp-menuitem-inline-survey-response svg { height: 20px; width: 20px; margi= n-bottom: -4px; } .ytp-panel { position: absolute; bottom: 0px; right: 0px; overflow: hidden = auto; } .ytp-panel-header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); line= -height: inherit; font-size: 109%; color: rgb(238, 238, 238); padding: 8px = 0px; height: 40px; white-space: nowrap; } .ytp-panel-footer { border-top: 1px solid rgba(255, 255, 255, 0.2); line-he= ight: inherit; font-size: 118%; font-weight: 500; color: rgb(238, 238, 238)= ; padding: 16px 0px; min-height: 40px; vertical-align: middle; width: 250px= ; } .ytp-panel-footer-content { margin: 0px 10px; } .html5-video-player .ytp-panel-footer-content-link { color: rgb(22, 122, 19= 8); } .ytp-touch-mode .ytp-panel-header { height: 40px; } .ytp-big-mode .ytp-panel-header { height: 49px; } .ytp-panel-title { line-height: inherit; } .ytp-panel-options { line-height: inherit; float: right; } .ytp-panel-title { font-weight: 500; padding: 0px 10px 0px 35px; height: 10= 0%; background-repeat: no-repeat; background-position: left 3px center; bac= kground-size: 32px 32px; background-image: url("data:image/svg+xml;base64,P= HN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVy= c2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxMDAlIj48cGF0aCBkPSJNIDE= 5LjQxLDIwLjA5IDE0LjgzLDE1LjUgMTkuNDEsMTAuOTEgMTgsOS41IGwgLTYsNiA2LDYgeiIgZm= lsbD0iI2ZmZiIgLz48L3N2Zz4=3D"); } .ytp-big-mode .ytp-panel-title { background-size: 48px 48px; padding: 0px 1= 5px 0px 52px; } .ytp-panel-options { height: 100%; padding: 0px 10px; text-decoration: unde= rline; } .ytp-big-mode .ytp-panel-options { padding: 0px 15px; } .ytp-generic-popup { top: 0px; left: 0px; padding: 5px 9px; max-width: 144p= x; z-index: 72; } .ytp-big-mode .ytp-generic-popup { max-width: 216px; } .html5-video-player .ytp-generic-popup a { text-decoration: underline; } .ytp-popup { position: absolute; overflow: hidden; border-radius: 2px; back= ground: rgba(28, 28, 28, 0.9); text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px;= transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; user-select: none;= } .ytp-dni .ytp-popup { text-shadow: none; } .ytp-popup[aria-hidden=3D"true"] { opacity: 0; transition: opacity 0.1s cub= ic-bezier(0.4, 0, 1, 1) 0s; } .ytp-popup-animating { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0= s; pointer-events: none; } .ytp-popup-animating .ytp-panel { transition: all 0.25s cubic-bezier(0.4, 0= , 0.2, 1) 0s; } .ytp-panel-animate-back, .ytp-panel-animate-forward { opacity: 0; } .ytp-panel-animate-back { transform: translateX(-100%); } .ytp-panel-animate-forward { transform: translateX(100%); } @-webkit-keyframes ytp-party-background-color {=20 0% { background-color: red; } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-background-color {=20 0% { background-color: red; } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-color {=20 0% { color: red; } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: red; } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-fill {=20 0% { fill: red; } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: red; } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-menuitem-toggle-checkbox { transition: all 0.08s cubic-bezier(0.4, 0, = 1, 1) 0s; transform: scale(1); } .ytp-big-mode .ytp-contextmenu .ytp-menuitem[aria-checked=3D"true"] .ytp-me= nuitem-toggle-checkbox::before, .ytp-contextmenu .ytp-menuitem[aria-checked= =3D"true"] .ytp-menuitem-toggle-checkbox::before { transform: none; } .ytp-menuitem-toggle-checkbox::after { transition: all 0.08s cubic-bezier(0= .4, 0, 1, 1) 0s; } .ytp-menuitem[aria-checked=3D"true"] .ytp-menuitem-toggle-checkbox::after {= transform: translateX(16px); } .ytp-big-mode .ytp-menuitem[aria-checked=3D"true"] .ytp-menuitem-toggle-che= ckbox::after { transform: translateX(24px); } .ytp-panel-menu { padding: 8px 0px; display: table; width: 100%; color: rgb= (238, 238, 238); box-sizing: border-box; } .ytp-playlist-menu { position: absolute; left: 0px; top: 0px; bottom: 0px; = width: 400px; max-width: 100%; z-index: 73; background: rgba(0, 0, 0, 0.8);= transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-embed-playlist .ytp-playlist-menu { left: auto; right: 0px; } .ytp-big-mode .ytp-playlist-menu { width: 600px; } .ytp-playlist-menu[aria-hidden=3D"true"] { transform: translateX(-100%); tr= ansition: transform 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-embed-playlist .ytp-playlist-menu[aria-hidden=3D"true"] { transform: t= ranslateX(100%); } .ytp-playlist-menu-header { padding: 15px; border-bottom: 1px solid rgb(68,= 68, 68); } .ytp-big-mode .ytp-playlist-menu-header { padding: 23px; } .ytp-playlist-menu-title { height: 20px; line-height: 20px; padding-right: = 15px; font-size: 136%; overflow: hidden; white-space: nowrap; overflow-wrap= : normal; text-overflow: ellipsis; } .ytp-big-mode .ytp-playlist-menu-title { height: 30px; line-height: 30px; p= adding-right: 23px; overflow: hidden; white-space: nowrap; overflow-wrap: n= ormal; text-overflow: ellipsis; } .ytp-playlist-menu-subtitle { color: rgb(184, 184, 184); line-height: 17px;= overflow: hidden; white-space: nowrap; overflow-wrap: normal; text-overflo= w: ellipsis; } .ytp-big-mode .ytp-playlist-menu-subtitle { line-height: 26px; } .ytp-playlist-menu-close { position: absolute; top: 15px; right: 15px; widt= h: 24px; height: 24px; } .ytp-big-mode .ytp-playlist-menu-close { top: 23px; right: 23px; width: 36p= x; height: 36px; } .ytp-playlist-menu-close path { fill: rgb(170, 170, 170); } .ytp-playlist-menu-close:hover path { fill: rgb(255, 255, 255); } .ytp-playlist-menu-items { position: absolute; inset: 68px 0px 0px; overflo= w: auto; } .ytp-big-mode .ytp-playlist-menu-items { top: 103px; } .ytp-scrubber-container { position: absolute; top: -4px; left: -6.5px; z-in= dex: 43; } .ytp-big-mode .ytp-scrubber-container { top: -6px; left: -10px; } .ytp-scrubber-button { height: 13px; width: 13px; border-radius: 6.5px; tra= nsition: transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; transform: scale(0);= } .ytp-progress-bar-container:hover:not([aria-disabled=3D"true"]) .ytp-scrubb= er-button.ytp-scrubber-button-hover, .ytp-drag .ytp-scrubber-button.ytp-scr= ubber-button-hover { transform: scale(1.54); } .ytp-big-mode .ytp-scrubber-button { height: 20px; width: 20px; border-radi= us: 10px; } .ypc-loaded .ytp-scrubber-button.ytp-swatch-background-color { background-c= olor: rgb(39, 147, 230); } .ad-interrupting .ytp-scrubber-button.ytp-swatch-background-color { backgro= und-color: rgb(255, 204, 0); } .ad-teal-design.ad-interrupting .ytp-scrubber-button.ytp-swatch-background-= color { background-color: rgb(0, 113, 108); } html[dark] .ad-teal-design.ad-interrupting .ytp-scrubber-button.ytp-swatch-= background-color { background-color: rgb(0, 170, 167); } .ytp-yto-preroll .ytp-scrubber-button.ytp-swatch-background-color { backgro= und-color: rgb(6, 95, 212); } .ytp-probably-keyboard-focus .ytp-progress-bar:focus { box-shadow: rgba(27,= 127, 204, 0.8) 0px 0px 0px 2px; } .ytp-progress-bar-container:hover:not([aria-disabled=3D"true"]) .ytp-scrubb= er-button, .ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled= =3D"true"]) .ytp-scrubber-button, .ytp-drag .ytp-scrubber-button { transfor= m: none; transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-scrubber-pull-indicator { position: absolute; z-index: 42; bottom: 16.= 9px; left: 6.5px; transform: rotate(45deg); } .ytp-big-mode .ytp-scrubber-button { bottom: 20px; left: 10px; } .ytp-scrubber-pull-indicator::before { display: block; position: absolute; = content: ""; top: 0px; left: 0px; opacity: 0; width: 6.5px; height: 6.5px; = border-style: solid; border-width: 2px 0px 0px 2px; border-color: rgb(234, = 234, 234); } .ytp-scrubber-pull-indicator::after { display: block; position: absolute; c= ontent: ""; top: 0px; left: 0px; opacity: 0; width: 6.5px; height: 6.5px; b= order-style: solid; border-width: 2px 0px 0px 2px; border-color: rgb(234, 2= 34, 234); } .ytp-big-mode .ytp-scrubber-pull-indicator::before, .ytp-big-mode .ytp-scru= bber-pull-indicator::after { width: 10px; height: 10px; } .ytp-scrubber-pull-indicator::after { transition: all 0.1s ease 0s; } .ytp-scrubber-pull-indicator::before { transition: all 0.2s ease 0s; } .ytp-pull-ui:not(.ytp-pulling) .ytp-scrubber-pull-indicator::before { opaci= ty: 1; top: -4px; left: -4px; } .ytp-big-mode .ytp-pull-ui:not(.ytp-pulling) .ytp-scrubber-pull-indicator::= before { top: -9px; left: -9px; } .ytp-pull-ui:not(.ytp-pulling) .ytp-scrubber-pull-indicator::after { opacit= y: 1; top: -8px; left: -8px; } .ytp-big-mode .ytp-pull-ui:not(.ytp-pulling) .ytp-scrubber-pull-indicator::= after { opacity: 1; top: -15px; left: -15px; } .ytp-chapters-container, .ytp-chapter-hover-container { z-index: 32; positi= on: relative; left: 0px; height: 100%; } .ytp-chapters-container { width: 100%; } .ytp-chapter-hover-container { float: left; } .ytp-progress-list { z-index: 39; background: rgba(255, 255, 255, 0.2); hei= ght: 100%; transform: scaleY(0.6); transition: transform 0.1s cubic-bezier(= 0.4, 0, 1, 1) 0s; position: relative; } .ytp-big-mode .ytp-progress-list { transform: translateY(-0.5px) scaleY(0.6= 25); } .ytp-progress-bar-container:hover:not([aria-disabled=3D"true"]) .ytp-progre= ss-list, .ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=3D"= true"]) .ytp-progress-list, .ytp-drag .ytp-progress-list { transform: none;= transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-drag .ytp-exp-chapter-hover-effect, .ytp-progress-bar-container:hover:= not([aria-disabled=3D"true"]) .ytp-exp-chapter-hover-effect, .ytp-exp-chapt= er-hover-container:hover { transform: scaleY(1.8); transition: transform 0.= 1s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-bound-time-left, .ytp-bound-time-right { position: absolute; display: = none; top: -29px; z-index: 29; background-color: rgba(28, 28, 28, 0.9); tex= t-align: center; color: rgb(227, 227, 227); padding: 5px 9px; opacity: 0; t= ransition: opacity 0.1s ease-in 0s; } .ytp-big-mode .ytp-bound-time-left, .ytp-big-mode .ytp-bound-time-right { t= op: -36px; } .ytp-pull-ui .ytp-bound-time-left, .ytp-pull-ui .ytp-bound-time-right { dis= play: block; } .ytp-pulling .ytp-bound-time-left, .ytp-pulling .ytp-bound-time-right { opa= city: 1; transition: opacity 0.1s ease-out 0s; } .ytp-bound-time-left { left: 0px; } .ytp-bound-time-right { right: 0px; } .ytp-bound-time-left::after { position: absolute; content: ""; bottom: -5px= ; width: 0px; height: 0px; border-style: solid; } .ytp-bound-time-right::after { position: absolute; content: ""; bottom: -5p= x; width: 0px; height: 0px; border-style: solid; } .ytp-bound-time-left::after { left: 0px; border-width: 5px 5px 0px 0px; bor= der-color: rgba(28, 28, 28, 0.9) transparent transparent; } .ytp-bound-time-right::after { right: 0px; border-width: 0px 5px 5px 0px; b= order-color: transparent rgba(28, 28, 28, 0.9) transparent transparent; } .ytp-ad-progress, .ytp-load-progress, .ytp-play-progress, .ytp-hover-progre= ss { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%;= transform-origin: 0px 0px; } .ytp-1m-progress, .ytp-15m-progress, .ytp-30m-progress, .ytp-60m-progress {= position: absolute; left: 0px; bottom: 0px; transform-origin: 0px 0px; } .ytp-timed-markers-container, .ytp-clip-start-exclude, .ytp-clip-end-exclud= e { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; = transform-origin: 0px 0px; } .ytp-timed-markers-container { transform: scaleY(0.6); top: 1px; z-index: 4= 0; } .ytp-progress-bar-container:hover .ytp-timed-markers-container { transform:= scaleY(1); top: 0px; } .ytp-progress-bar-container:hover .ytp-timed-marker { background-color: whi= te; transform: scaleX(2); } .ytp-timed-marker { position: absolute; left: 0px; width: 1px; height: 100%= ; background-color: rgb(204, 204, 204); } .ytp-clip-start-exclude, .ytp-clip-end-exclude { display: none; z-index: 37= ; background-color: rgba(255, 255, 255, 0); transition: background-color 0.= 1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-clip-start-enabled .ytp-clip-start-exclude, .ytp-clip-end-enabled .ytp= -clip-end-exclude { display: block; } .ytp-loop-range-enabled .ytp-clip-start, .ytp-loop-range-enabled .ytp-clip-= end { pointer-events: none; } .ytp-clip-hover .ytp-clip-start-exclude, .ytp-clip-hover .ytp-clip-end-excl= ude { background-color: rgba(255, 255, 255, 0.5); transition: background-co= lor 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-ad-progress { z-index: 36; background: rgb(255, 204, 0); } .ad-teal-design .ytp-ad-progress { background: rgb(0, 113, 108); } html[dark] .ad-teal-design .ytp-ad-progress { background: rgb(0, 170, 167);= } .ytp-load-progress { z-index: 33; background: rgba(255, 255, 255, 0.4); } .playing-mode .ytp-progress-bar-container:not(.ytp-pull-ui) .ytp-load-progr= ess { transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .playing-mode .ytp-progress-bar-container:not(.ytp-pull-ui) .ytp-load-progr= ess.ytp-fast-load { transition: transform 1.2s cubic-bezier(0, 0, 0.2, 1) 0= s; } .ytp-load-progress.ytp-fast-load { background: rgb(0, 131, 143); } .ytp-play-progress { z-index: 34; } .ypc-loaded .ytp-play-progress.ytp-swatch-background-color { background: rg= b(39, 147, 230); } .ad-interrupting .ytp-play-progress.ytp-swatch-background-color { backgroun= d: rgb(255, 204, 0); } .ad-teal-design.ad-interrupting .ytp-play-progress.ytp-swatch-background-co= lor { background: rgb(0, 113, 108); } html[dark] .ad-teal-design.ad-interrupting .ytp-play-progress.ytp-swatch-ba= ckground-color { background: rgb(0, 170, 167); } .ytp-yto-preroll .ytp-play-progress.ytp-swatch-background-color { backgroun= d: rgb(6, 95, 212); } .ytp-hover-progress { z-index: 35; background: rgba(0, 0, 0, 0.125); opacit= y: 0; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-progress-bar-hover .ytp-hover-progress { opacity: 1; } .ytp-hover-progress-light { background: rgba(255, 255, 255, 0.5); } .ytp-1m-progress, .ytp-15m-progress, .ytp-30m-progress, .ytp-60m-progress {= width: 1px; background: rgb(0, 0, 0); z-index: 36; } .ytp-1m-progress { height: 30%; } .ytp-15m-progress { height: 50%; } .ytp-30m-progress { height: 55%; } .ytp-60m-progress { height: 60%; } .ytp-clip-start, .ytp-clip-end { display: none; position: absolute; width: = 14px; height: 14px; bottom: -4.5px; margin-left: -7px; z-index: 44; transfo= rm: scaleY(0.214286); transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1)= 0s; } .ytp-big-mode .ytp-clip-start, .ytp-big-mode .ytp-clip-end { width: 21px; h= eight: 21px; bottom: -6.5px; margin-left: -10.5px; transform: scaleY(0.2380= 95); } .ytp-progress-bar-container:hover:not([aria-disabled=3D"true"]) .ytp-clip-s= tart, .ytp-progress-bar-container:hover:not([aria-disabled=3D"true"]) .ytp-= clip-end, .ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=3D= "true"]) .ytp-clip-start, .ytp-touch-mode .ytp-progress-bar-container:not([= aria-disabled=3D"true"]) .ytp-clip-end, .ytp-drag .ytp-clip-start, .ytp-dra= g .ytp-clip-end { transform: none; transition: transform 0.1s cubic-bezier(= 0, 0, 0.2, 1) 0s; } .ytp-clip-start svg, .ytp-clip-end svg { display: block; } .ytp-clip-start-enabled:not(.ytp-pull-ui) .ytp-clip-start, .ytp-clip-end-en= abled:not(.ytp-pull-ui) .ytp-clip-end { display: block; } .ytp-progress-bar-container, .ytp-exp-bigger-button-like-mobile.ytp-small-m= ode .ytp-progress-bar-container { display: block; position: absolute; width= : 100%; bottom: 39px; height: 5px; } .ytp-exp-bigger-button-like-mobile .ytp-progress-bar-container { bottom: 47= px; } .ytp-progress-bar-container:not([aria-disabled=3D"true"]) { cursor: pointer= ; } .ytp-music-player .ytp-progress-bar-container { bottom: 48px; height: 5px; = } .ytp-small-mode.ytp-music-player .ytp-progress-bar-container { bottom: 35px= ; } .ytp-big-mode .ytp-progress-bar-container { bottom: 52.5px; height: 8px; } .ytp-progress-bar { position: absolute; bottom: 0px; left: 0px; width: 100%= ; height: 100%; z-index: 31; outline: none; } .ad-showing.ytp-hide-ad-progress-bar-experiment .ytp-progress-bar-container= { display: none; } .ytp-mobile .ytp-progress-bar { padding-bottom: 10px; } .ytp-progress-bar-padding { position: absolute; width: 100%; height: 16px; = bottom: 0px; z-index: 28; } .ytp-big-mode .ytp-progress-bar-padding { height: 24px; } .ytp-chapter-hover-container:hover:not([aria-disabled=3D"true"]) .ytp-progr= ess-bar-padding { height: 22px; bottom: -6px; } .ytp-big-mode:not(.ytp-touch-mode) .ytp-chapter-hover-container:hover:not([= aria-disabled=3D"true"]) .ytp-progress-bar-padding { height: 33px; bottom: = -9px; } .ytp-touch-mode .ytp-chapter-hover-container:not([aria-disabled=3D"true"]) = .ytp-progress-bar-padding { height: 40px; bottom: -11px; } [crane-kick] .ytp-scrubber-container::before { content: ""; position: absol= ute; bottom: 11px; left: -24px; width: 60px; height: 60px; background-image= : url("https://www.gstatic.com/youtube/img/originals/ckee/crane-kick.png");= background-size: 60px 60px; opacity: 0; transform: scale(0); transform-ori= gin: center bottom; transition: all 0.4s cubic-bezier(0.52, 0.095, 0, 1.415= ) 0s; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-r= esolution: 192dpi) { [crane-kick] .ytp-scrubber-container::before { background-image: url("htt= ps://www.gstatic.com/youtube/img/originals/ckee/crane-kick@2x.png"); } } [crane-kick] .ytp-big-mode .ytp-scrubber-container::before { bottom: 18px; = left: -20px; } [crane-kick] .ytp-chapter-hover-container:hover:not([aria-disabled=3D"true"= ]) .ytp-scrubber-container::before { opacity: 1; transform: scale(1); } .ytp-remote { left: 0px; bottom: 53px; transition: bottom 0.25s cubic-bezie= r(0, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; pointer-ev= ents: none; } .ytp-exp-bigger-button-like-mobile .ytp-remote { bottom: 61px; } .ytp-remote[aria-hidden=3D"true"] { opacity: 0; transition: bottom 0.25s cu= bic-bezier(0.4, 0, 1, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-big-mode .ytp-remote { bottom: 70px; } .ytp-hide-controls .ytp-remote { bottom: 12px; transition: bottom 0.25s cub= ic-bezier(0.4, 0, 1, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-remote-display-status { z-index: 15; position: absolute; left: 12px; b= ottom: 53px; background-color: rgba(0, 0, 0, 0.6); padding-right: 5px; bord= er-radius: 5px; opacity: 0.85; } .ytp-exp-bigger-button-like-mobile .ytp-remote-display-status { bottom: 61p= x; } .ytp-big-mode .ytp-remote-display-status { bottom: 70px; } .ytp-remote-display-status-icon { float: left; width: 40px; height: 40px; } .ytp-big-mode .ytp-remote-display-status-icon { width: 60px; height: 60px; = } .ytp-remote-display-status-text { text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2= px; padding-top: 10px; padding-left: 5px; font-size: 130%; font-weight: 500= ; display: inline-block; } .ytp-big-mode .ytp-remote-display-status-text { padding-top: 15px; left: 10= 5px; top: 30px; } .ytp-settings-menu { right: 12px; bottom: 53px; z-index: 71; will-change: w= idth, height; } .ytp-exp-bigger-button-like-mobile .ytp-settings-menu { bottom: 61px; } .ytp-big-mode .ytp-settings-menu { right: 24px; bottom: 70px; } .ytp-settings-menu #ytp-main-menu-id .ytp-menuitem-content { overflow: hidd= en; white-space: nowrap; overflow-wrap: normal; text-overflow: ellipsis; } .ytp-speedslider-component { height: 95px; outline: none; } .ytp-speedslider-component .ytp-slider { height: 40px; } .ytp-speedslider-component { text-align: center; } .ytp-speedslider-component .ytp-slider-handle::before, .ytp-speedslider-com= ponent .ytp-slider-handle::after { height: 5px; } .ytp-speedslider-text { font-size: 150%; text-align: center; } .ytp-slider-section { display: inline-block; width: 150px; height: 100%; cu= rsor: pointer; outline: 0px; } .ytp-slider { height: 100%; position: relative; overflow: hidden; outline: = 0px; } .ytp-slider-handle { position: absolute; top: 50%; width: 20px; height: 20p= x; border-radius: 10px; margin-top: -10px; background: rgb(255, 255, 255); = outline: 0px; } .ytp-slider-handle::before, .ytp-slider-handle::after { content: ""; positi= on: absolute; display: block; top: 50%; height: 3px; margin-top: -2px; widt= h: 170px; outline: 0px; } .ytp-slider-handle::before { left: -160px; background: rgb(255, 255, 255); = } .ytp-slider-handle::after { left: 10px; background: rgba(255, 255, 255, 0.2= ); } .ytp-webgl-spherical-control { position: absolute; top: 48px; left: 12px; o= pacity: 0.6; cursor: pointer; width: 50px; height: 50px; transition: top 0.= 25s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.2, 1)= 0s; z-index: 41; outline: none; } .ytp-embed:not(.ad-showing) .ytp-webgl-spherical-control { top: 60px; } .ytp-big-mode .ytp-webgl-spherical-control { top: 69px; width: 75px; height= : 75px; } .ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-webgl-spherical-control { top= : 60px; } .ytp-webgl-spherical-control:hover, .ytp-webgl-spherical-control.ytp-draggi= ng { opacity: 1; } .ytp-autohide .ytp-webgl-spherical-control, .ytp-hide-info-bar .ytp-webgl-s= pherical-control { top: 12px; transition: top 0.1s cubic-bezier(0.4, 0, 1, = 1) 0s, opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-webgl-spherical:not(.ytp-menu-shown) .html5-video-container { cursor: = grab; } .ytp-webgl-spherical.ytp-dragging:not(.ytp-menu-shown) .html5-video-contain= er { cursor: grabbing; } .ytp-probably-keyboard-focus .ytp-webgl-spherical-control:focus { box-shado= w: rgba(27, 127, 204, 0.8) 0px 0px 0px 2px inset; } .ended-mode .ytp-webgl-spherical-control, .ytp-menu-shown .ytp-webgl-spheri= cal-control { opacity: 0; transition: top 0.1s cubic-bezier(0.4, 0, 1, 1) 0= s, opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-storyboard-framepreview { position: absolute; top: 0px; left: 0px; z-i= ndex: 16; background: rgb(0, 0, 0); transition: opacity 0.1s cubic-bezier(0= , 0, 0.2, 1) 0s; } .ytp-storyboard-framepreview[aria-hidden=3D"true"] { opacity: 0; transition= : opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-storyboard-framepreview-img { opacity: 0.4; } .caption-window { position: absolute; line-height: normal; z-index: 39; cur= sor: grab; user-select: none; } .ytp-caption-window-container { width: 100%; height: 100%; position: absolu= te; top: 0px; } .ytp-native-controls .caption-window { z-index: 2147483647; } .caption-window.ytp-caption-window-top { margin-top: 48px; transition: marg= in-bottom 0.25s cubic-bezier(0, 0, 0.2, 1) 0s, margin-top 0.25s cubic-bezie= r(0, 0, 0.2, 1) 0s; } .ytp-embed:not(.ad-showing) .caption-window.ytp-caption-window-top { margin= -top: 60px; } .ytp-big-mode .caption-window.ytp-caption-window-top { margin-top: 69px; } .ytp-big-mode.ytp-embed:not(.ad-showing) .caption-window.ytp-caption-window= -top { margin-top: 89px; } .ytp-autohide .caption-window.ytp-caption-window-top, .ytp-hide-info-bar .c= aption-window.ytp-caption-window-top { margin-top: 0px; transition: margin-= bottom 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, margin-top 0.1s cubic-bezier(0.4= , 0, 1, 1) 0s; } .caption-window.ytp-caption-window-bottom { margin-bottom: 53px; transition= : margin-bottom 0.25s cubic-bezier(0, 0, 0.2, 1) 0s, margin-top 0.25s cubic= -bezier(0, 0, 0.2, 1) 0s; } .ytp-exp-bigger-button-like-mobile .caption-window.ytp-caption-window-botto= m { margin-bottom: 61px; } .ytp-big-mode .caption-window.ytp-caption-window-bottom { margin-bottom: 70= px; } .ytp-autohide .caption-window.ytp-caption-window-bottom, .ytp-hide-controls= .caption-window.ytp-caption-window-bottom { margin-bottom: 0px; transition= : margin-bottom 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, margin-top 0.1s cubic-b= ezier(0.4, 0, 1, 1) 0s; } .ytp-native-controls .caption-window.ytp-caption-window-bottom { margin-bot= tom: 45px; transition: none 0s ease 0s; } .ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom { margin-bot= tom: 143px; } .ytp-exp-bigger-button-like-mobile.ytp-ad-overlay-open .caption-window.ytp-= caption-window-bottom { margin-bottom: 151px; } .ytp-big-mode.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom= { margin-bottom: 160px; } .html5-video-player .caption-window.ytp-dragging, .html5-video-player.ytp-a= d-overlay-open .caption-window.ytp-dragging { margin-top: 0px; margin-botto= m: 0px; transition: none 0s ease 0s; cursor: grabbing; } .ytp-caption-window-rollup.ytp-rollup-mode { overflow: hidden; } .caption-window svg, .caption-window .ytp-icon { width: 40px; height: 40px;= vertical-align: bottom; display: inline-block; max-width: 1em; max-height:= 1em; } .ytp-exp-bigger-button-like-mobile .caption-window svg, .ytp-exp-bigger-but= ton-like-mobile .caption-window .ytp-icon { width: 48px; height: 48px; } .ytp-big-mode .caption-window svg, .ytp-big-mode .caption-window .ytp-icon = { width: 54px; height: 54px; } .ytp-caption-window-rollup.ytp-rollup-mode .captions-text { transition: tra= nsform 0.433s cubic-bezier(0, 0, 0.2, 1) 0s; } .html5-video-player .caption-visual-line .ytp-caption-segment:first-child {= padding-left: 0.25em; padding-top: 0px; } .html5-video-player .caption-visual-line .ytp-caption-segment:last-child { = padding-right: 0.25em; padding-bottom: 0px; } .html5-video-player .ytp-vertical-caption .caption-visual-line .ytp-caption= -segment:first-child { padding-top: 0.25em; padding-left: 0px; } .html5-video-player .ytp-vertical-caption .caption-visual-line .ytp-caption= -segment:last-child { padding-bottom: 0.25em; padding-right: 0px; } .ytp-time-display, .ytp-exp-bigger-button-like-mobile.ytp-small-mode .ytp-t= ime-display { font-size: 109%; display: inline-block; vertical-align: top; = padding: 0px 5px; white-space: nowrap; line-height: 39px; } .ytp-embed-mobile-exp .ytp-time-display, .ytp-embed-mobile-exp.ytp-small-mo= de .ytp-time-display { line-height: 51px; font-size: 140%; } .ytp-exp-bigger-button-like-mobile .ytp-time-display { line-height: 47px; } .ytp-music-player .ytp-time-display { line-height: 48px; } .ytp-small-mode.ytp-music-player .ytp-time-display { line-height: 35px; } .ytp-big-mode .ytp-time-display { line-height: 53px; } .ytp-volume-slider-active .ytp-time-display-allow-autohide { display: none;= } .ytp-time-separator, .ytp-time-duration { color: rgb(221, 221, 221); } .ytp-music-player .ytp-time-current, .ytp-music-player .ytp-time-separator,= .ytp-music-player .ytp-time-duration { color: rgb(255, 255, 255); } .ytp-live .ytp-time-current, .ytp-live .ytp-time-separator, .ytp-live .ytp-= time-duration { display: none; } .ytp-chrome-controls .ytp-live-badge, .ytp-small-mode .ytp-chrome-controls = .ytp-live-badge, .ytp-big-mode .ytp-chrome-controls .ytp-live-badge, .ytp-e= xp-bigger-button-like-mobile .ytp-chrome-controls .ytp-live-badge, .ytp-exp= -bigger-button-like-mobile.ytp-small-mode .ytp-chrome-controls .ytp-live-ba= dge, .ytp-exp-bigger-button-like-mobile.ytp-big-mode .ytp-chrome-controls .= ytp-live-badge { display: none; width: auto; text-transform: uppercase; } .ytp-chrome-controls .ytp-live .ytp-live-badge, .ytp-big-mode .ytp-chrome-c= ontrols .ytp-live .ytp-live-badge { display: inline-block; } .ytp-live-badge::before { display: inline-block; width: 6px; height: 6px; v= ertical-align: 4%; margin-right: 5px; background: rgb(117, 117, 117); conte= nt: ""; border-radius: 6px; } .ytp-big-mode .ytp-live-badge::before { width: 9px; height: 9px; border-rad= ius: 9px; } .html5-video-player .ytp-live-badge[aria-disabled=3D"true"], .html5-video-p= layer .ytp-live-badge[disabled], .html5-video-player.ytp-exp-bigger-button-= like-mobile .ytp-live-badge[aria-disabled=3D"true"], .html5-video-player.yt= p-exp-bigger-button-like-mobile .ytp-live-badge[disabled] { opacity: 1; } .ytp-live-badge[disabled]::before { background: rgb(255, 0, 0); } .ytp-tooltip { position: absolute; z-index: 1002; font-size: 118%; font-wei= ght: 500; line-height: 15px; opacity: 0; transition: transform 0.1s cubic-b= ezier(0, 0, 0.2, 1) 0s, opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; pointer= -events: none; } .ytp-big-mode .ytp-tooltip { line-height: 22px; } .ytp-tooltip:not([aria-hidden=3D"true"]) { opacity: 1; transform: none; tra= nsition: transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, opacity 0.1s cubic-b= ezier(0.4, 0, 1, 1) 0s; } .ytp-tooltip.ytp-preview { padding: 2px; background-color: rgba(28, 28, 28,= 0.9); border-radius: 2px; } .ytp-tooltip.ytp-text-detail.ytp-preview { width: 312px; } .ytp-big-mode .ytp-tooltip.ytp-text-detail.ytp-preview { width: 457px; } .ytp-tooltip-text-wrapper { border-radius: 3px; float: right; } .ytp-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-wrapper { = position: absolute; bottom: 5px; left: 0px; width: 100%; text-align: center= ; z-index: 1; } .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text-wrapper { paddin= g: 0px 9px; margin: 4px 0px; overflow: hidden; max-height: 46px; max-width:= 130px; } .ytp-big-mode .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text-wr= apper { margin: 6px 0px; max-height: 69px; max-width: 195px; } .ytp-tooltip-text { display: block; background-color: rgba(28, 28, 28, 0.9)= ; border-radius: 2px; padding: 5px 9px; } .ytp-tooltip-opaque .ytp-tooltip-text { background-color: rgb(28, 28, 28); = } .ytp-tooltip.ytp-preview .ytp-tooltip-text { display: inline; border-bottom= -left-radius: 0px; border-bottom-right-radius: 0px; } .ytp-tooltip-image-enabled .ytp-tooltip-text { padding-left: 34px; } .ytp-big-mode .ytp-tooltip-image-enabled .ytp-tooltip-text { padding-left: = 45px; } .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text { background-col= or: transparent; padding: 0px; } .ytp-tooltip-bg { background-color: rgb(0, 0, 0); background-repeat: no-rep= eat; position: relative; display: none; } .ytp-tooltip.ytp-preview:not(.ytp-text-detail) { background-color: rgb(255,= 255, 255); } .ytp-progress-bar-snap .ytp-tooltip-bg { outline: rgb(255, 255, 255) solid = 1px; outline-offset: -1px; } .ytp-tooltip.ytp-preview .ytp-tooltip-bg { display: block; } .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg { float: left; } .ytp-tooltip-duration { display: none; } .ytp-tooltip.ytp-text-detail.ytp-preview.ytp-has-duration .ytp-tooltip-dura= tion { display: block; position: absolute; right: 3px; bottom: 3px; backgro= und-color: rgba(28, 28, 28, 0.9); padding: 2px 4px; } .ytp-tooltip-title { display: none; } .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title { width: 200%; text-a= lign: center; right: 80px; display: block; overflow: hidden; position: rela= tive; white-space: nowrap; text-overflow: ellipsis; height: 16px; border: 0= px; top: 45px; text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 4px; } .ytp-big-mode .ytp-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-t= itle { width: 200%; text-align: center; right: 120px; top: 61px; height: 24= px; } .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text { background: none; po= sition: relative; top: 45px; text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 4px; = } .ytp-big-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text { top: 6= 5px; } .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title { top: 33px; = } .ytp-big-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title= { top: 41px; } .ytp-tooltip.ytp-text-detail .ytp-tooltip-title { display: block; color: rg= b(170, 170, 170); text-transform: uppercase; } .ytp-tooltip-image { width: 20px; height: 20px; border: 0px; border-radius:= 10px; position: absolute; display: none; top: 2px; left: 7px; background-s= ize: contain; } .ytp-big-mode .ytp-tooltip-image { width: 25px; height: 25px; border-radius= : 12.5px; top: 3px; left: 10px; } .ytp-tooltip-image-enabled .ytp-tooltip-image { display: inherit; } .ytp-volume-panel { display: inline-block; width: 0px; height: 100%; transi= tion: margin 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, width 0.2s cubic-bezier(0.= 4, 0, 1, 1) 0s; cursor: pointer; outline: 0px; } .ytp-volume-slider-active .ytp-volume-panel { width: 52px; margin-right: 3p= x; transition: margin 0.2s cubic-bezier(0, 0, 0.2, 1) 0s, width 0.2s cubic-= bezier(0, 0, 0.2, 1) 0s; } .ytp-big-mode .ytp-volume-slider-active .ytp-volume-panel { width: 78px; ma= rgin-right: 5px; } .ytp-probably-keyboard-focus .ytp-volume-panel:focus { box-shadow: rgba(27,= 127, 204, 0.8) 0px 0px 0px 2px inset; } .ytp-big-mode .ytp-volume-slider { min-height: 54px; } .ytp-volume-slider { height: 100%; min-height: 36px; position: relative; ov= erflow: hidden; } .ytp-volume-slider-handle { position: absolute; top: 50%; width: 12px; heig= ht: 12px; border-radius: 6px; margin-top: -6px; background: rgb(255, 255, 2= 55); } .ytp-big-mode .ytp-volume-slider-handle { width: 18px; height: 18px; border= -radius: 9px; margin-top: -9px; } .ytp-volume-slider-handle::before, .ytp-volume-slider-handle::after { conte= nt: ""; position: absolute; display: block; top: 50%; height: 3px; margin-t= op: -2px; width: 64px; } .ytp-big-mode .ytp-volume-slider-handle::before, .ytp-big-mode .ytp-volume-= slider-handle::after { height: 4px; margin-top: -2px; width: 96px; } .ytp-volume-slider-handle::before { left: -58px; background: rgb(255, 255, = 255); } .ytp-big-mode .ytp-volume-slider-handle::before { left: -87px; } .ytp-volume-slider-handle::after { left: 6px; background: rgba(255, 255, 25= 5, 0.2); } .ytp-big-mode .ytp-volume-slider-handle::after { left: 9px; background: rgb= a(255, 255, 255, 0.2); } .webgl { display: block; position: absolute; z-index: 11; width: 100%; } .ended-mode .webgl { display: none; } .ytp-chrome-controls .ytp-button.ytp-youtube-button, .ytp-small-mode .ytp-c= hrome-controls .ytp-button.ytp-youtube-button, .ytp-exp-bigger-button-like-= mobile.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button {= width: 67px; } .ytp-big-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button { width: = 100px; } .ytp-ypc-clickwrap-overlay { padding: 25px 20px 0px; z-index: 70; } .ytp-ypc-clickwrap-header { border-bottom: 1px solid rgb(136, 136, 136); pa= dding: 0px 0px 15px 5px; font-size: 182%; font-weight: normal; } .ytp-ypc-clickwrap-description { margin: 15px 0px 0px 5px; font-size: 127%;= } .ytp-ypc-clickwrap-confirm { margin: 20px 0px 0px 5px; padding: 7px 10px; b= ackground-color: rgb(51, 119, 221); border-radius: 2px; } .ytp-ypc-clickwrap-confirm:hover { background-color: rgb(34, 102, 204); } @-webkit-keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @-webkit-keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-attribution-wrapper { max-width: 292px; position: absolute; bottom: 53= px; right: 12px; height: 40px; z-index: 34; display: flex; } .ytp-autohide .ytp-attribution-wrapper.ytp-attribution-autohide, .ytp-playe= r-minimized .ytp-attribution-wrapper, .ytp-ad-overlay-open .ytp-attribution= -wrapper { display: none; } .ytp-big-mode .ytp-attribution-wrapper { bottom: 83px; } .ytp-attribution { max-width: 288px; height: 40px; overflow: hidden; displa= y: flex; background-color: rgb(46, 46, 46); } .ytp-attribution-inner-image-holder { position: relative; width: 40px; } .ytp-attribution-inner-image-holder img { vertical-align: middle; height: 4= 0px; padding: 0px; margin: auto; } .ytp-attribution-inner-image-holder div { height: 32px; width: 32px; paddin= g: 0px; } .ytp-attribution-chevron { width: 16px; background-color: white; border-top= -left-radius: 5px; border-bottom-left-radius: 5px; padding: 0px; border: no= ne; outline: none; } .ytp-attribution-chevron.expanded { display: none; } .ytp-attribution-chevron:hover { cursor: pointer; } .ytp-attribution-inner-content-holder { max-width: 0px; height: 100%; box-s= izing: border-box; overflow: hidden; transition: max-width 0.5s cubic-bezie= r(0.4, 0, 1, 1) 0s; background-color: rgb(46, 46, 46); margin: 0px; display= : flex; -webkit-box-align: center; align-items: center; } .ytp-attribution-inner-content-holder.active { max-width: 232px; } .ytp-attribution-inner-content-holder.active:hover { cursor: pointer; } .ytp-attribution-close-div { max-width: 24px; } .ytp-attribution-watch-later { padding-top: 3px; } .ytp-attribution-watch-later .ytp-watch-later-icon, .ytp-big-mode .ytp-attr= ibution-watch-later .ytp-watch-later-icon { width: 29px; height: 29px; } .ytp-attribution-close { background-color: transparent; border: none; paddi= ng: 4px 0px 0px; margin-right: 8px; height: 26px; width: 26px; outline: non= e; } .ytp-attribution-close:hover { cursor: pointer; } .ytp-attribution-text { display: block; padding: 0px 25px 0px 8px; } .ytp-attribution-link-anchor { max-width: 176px; margin: auto; } .ytp-attribution-track-title { font-weight: 500; font-size: 10pt; text-over= flow: ellipsis; white-space: nowrap; overflow: hidden; color: white; } .ytp-attribution-track-artist { font-size: 10pt; text-overflow: ellipsis; w= hite-space: nowrap; overflow: hidden; color: rgb(233, 233, 233); } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-autonav-endscreen-countdown-container { width: 360px; height: calc(100= % - 39px); display: flex; -webkit-box-orient: vertical; -webkit-box-directi= on: normal; flex-direction: column; -webkit-box-align: center; align-items:= center; -webkit-box-pack: center; justify-content: center; margin: 0px aut= o; z-index: 37; } .ytp-autonav-endscreen-upnext-container { width: 100%; } .ytp-autonav-endscreen-link-container { margin-top: 10px; display: flex; -w= ebkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: = column; } .ytp-autonav-endscreen-upnext-header { color: rgba(255, 255, 255, 0.7); fon= t-size: 15px; line-height: 24px; } .ytp-autonav-endscreen-upnext-header-countdown-number { color: white; } .ytp-autonav-endscreen-upnext-alternative-header-only .ytp-autonav-endscree= n-upnext-header { display: none; } .ytp-autonav-endscreen-upnext-alternative-header { color: rgba(255, 255, 25= 5, 0.7); font-size: 13px; line-height: 18px; } .ytp-autonav-endscreen-upnext-no-alternative-header .ytp-autonav-endscreen-= upnext-alternative-header { display: none; } .ytp-autonav-endscreen-upnext-alternative-header-only .ytp-autonav-endscree= n-upnext-alternative-header { font-size: 15px; line-height: 24px; margin-to= p: 0px; } .ytp-autonav-thumbnail-small { background-repeat: no-repeat; background-siz= e: cover; position: relative; border: 1px solid rgb(76, 76, 76); box-sizing= : border-box; } .ytp-autonav-endscreen-upnext-thumbnail { background-repeat: no-repeat; bac= kground-size: cover; position: relative; border: 1px solid rgb(76, 76, 76);= box-sizing: border-box; width: 360px; height: 202px; } .ytp-autonav-thumbnail-small:hover, .ytp-autonav-endscreen-upnext-thumbnail= :hover { border-color: rgba(255, 255, 255, 0.8); box-sizing: border-box; } .ytp-autonav-timestamp, .ytp-autonav-live-stamp, .ytp-autonav-upcoming-stam= p { bottom: 4px; right: 4px; padding: 0px 4px; border-radius: 2px; font-siz= e: 12px; line-height: 16px; background-color: rgba(0, 0, 0, 0.8); color: rg= b(255, 255, 255); position: absolute; letter-spacing: 0.5px; text-transform= : uppercase; font-weight: 500; } .ytp-autonav-list-overlay { display: flex; -webkit-box-orient: vertical; -w= ebkit-box-direction: normal; flex-direction: column; -webkit-box-pack: cent= er; justify-content: center; float: right; width: 40%; height: 100%; backgr= ound: rgba(0, 0, 0, 0.8); } .ytp-autonav-mix-text { text-align: center; font-size: 15px; line-height: 1= 8px; font-weight: 500; margin-top: 30%; } .ytp-autonav-mix-icon { width: 42%; height: 30%; background-image: url("dat= a:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmci= IHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjEwMCU= iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDM2IDM2IiB3aWR0aD0iMTAwJSI+PHVzZSBzdH= Jva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuMTUiIHN0cm9rZS13aWR0aD0iMnB4IiB4bGlua= zpocmVmPSIjeXRwLXN2Zy1taXgiIC8+PHBhdGggZD0iTTI1LjY1LDE4IEMyNS42MywyMC4zMSAy= NC43OCwyMi40MSAyMy40LDI0LjA2IEwyNC4zLDI1IEMyNS45OSwyMy4yMCAyNywyMC43MyAyNyw= xOCBDMjcsMTUuMjcgMjUuOTksMTIuNzkgMjQuMywxMSBMMjMuNCwxMS45MyBDMjQuNzgsMTMuNT= ggMjUuNjMsMTUuNjggMjUuNjUsMTggWiBNMTAuMzUsMTggQzEwLjM2LDE1LjY4IDExLjIxLDEzL= jU4IDEyLjYsMTEuOTMgTDExLjcsMTEgQzEwLjAwLDEyLjc5IDksMTUuMjcgOSwxOCBDOSwyMC43= MyAxMC4wMCwyMy4yMCAxMS43LDI1IEwxMi42LDI0LjA2IEMxMS4yMSwyMi40MSAxMC4zNiwyMC4= zMSAxMC4zNSwxOCBaIE0xMy4wNSwxOCBDMTMuMDEsMTYuMjcgMTMuNTQsMTQuOTEgMTQuNCwxMy= 44IEwxMy41LDEyLjg2IEMxMi4zNywxNC4xMiAxMS43LDE1Ljg1IDExLjcsMTggQzExLjcsMTkuN= jcgMTIuMzcsMjEuNDAgMTMuNSwyMi42NiBMMTQuNCwyMS43MyBDMTMuNTQsMjAuNjEgMTMuMDEs= MTkuMjYgMTMuMDUsMTggWiBNMjIuMDUsMTIuODYgTDIxLjE1LDEzLjggQzIyLjAwLDE0LjkxIDI= yLjUzLDE2LjI3IDIyLjUsMTggQzIyLjUzLDE5LjI2IDIyLjAwLDIwLjYxIDIxLjE1LDIxLjczIE= wyMi4wNSwyMi42NiBDMjMuMTcsMjEuNDAgMjMuODUsMTkuNjcgMjMuODUsMTggQzIzLjg1LDE1L= jg1IDIzLjE3LDE0LjEyIDIyLjA1LDEyLjg2IFogTTE2LjUsMTUuNjYgTDIwLjEsMTcuNTMgTDE2= LjUsMTkuODYgTDE2LjUsMTUuNjYgWiIgZmlsbD0iI2ZmZiIgaWQ9Inl0cC1zdmctbWl4IiAvPjw= vc3ZnPg=3D=3D"); background-size: cover; margin: 0px auto; } .ytp-autonav-endscreen-video-info { margin-top: 12px; } .ytp-autonav-endscreen-premium-badge { margin-bottom: 6px; margin-left: -2p= x; width: 74px; height: 16px; background-image: url("data:image/svg+xml;bas= e64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIGh= laWdodD0iMTYiIHdpZHRoPSI3MCI+PHJlY3QgZmlsbD0iI2ZmZiIgaGVpZ2h0PSIxNiIgb3BhY2= l0eT0iLjEiIHJ4PSIyIiB3aWR0aD0iNzAiIC8+PHBhdGggZD0iTTIwLjM1IDguODNWMTJoLTEuN= DhWMy40N2gzLjI2Yy45NSAwIDEuNzEuMjUgMi4yNy43NC41Ni41Ljg0IDEuMTYuODQgMS45NyAw= IC44NC0uMjcgMS40OS0uODIgMS45NS0uNTUuNDctMS4zMi43LTIuMy43aC0xLjc3em0wLTEuMTl= oMS43OGMuNTMgMCAuOTMtLjEyIDEuMi0uMzcuMjktLjI1LjQyLS42LjQyLTEuMDggMC0uNDYtLj= E0LS44Mi0uNDItMS4xYTEuNjIgMS42MiAwIDAwLTEuMTYtLjQzaC0xLjgydjIuOTh6bTkuMzctL= jY4YTMuNTIgMy41MiAwIDAwLS41OC0uMDVjLS42NSAwLTEuMDkuMjUtMS4zMS43NVYxMkgyNi40= VjUuNjZoMS4zNmwuMDQuN2ExLjYgMS42IDAgMDExLjQzLS44MmMuMiAwIC4zNy4wMy41LjA4djE= uMzR6bTMuNTggNS4xNmMtLjkgMC0xLjY0LS4yOS0yLjItLjg1YTMuMSAzLjEgMCAwMS0uODQtMi= 4yOHYtLjE3YzAtLjYzLjEyLTEuMi4zNy0xLjdhMi43MiAyLjcyIDAgMDEyLjUtMS41OGMuODcgM= CAxLjUzLjI4IDIgLjgzLjQ4LjU1LjcxIDEuMzMuNzEgMi4zNHYuNTdIMzEuN2MuMDQuNTIuMjIu= OTQuNTIgMS4yNC4zLjMuNy40NiAxLjE2LjQ2LjY1IDAgMS4xOC0uMjYgMS42LS43OWwuNzYuNzN= jLS4yNS4zOC0uNi42OC0xLjAyLjg5LS40Mi4yLS45LjMtMS40Mi4zem0tLjE3LTUuNDNjLS40ID= AtLjcuMTMtLjk1LjQtLjI0LjI4LS40LjY2LS40NiAxLjE1aDIuNzJ2LS4xYTEuNzIgMS43MiAwI= DAwLS4zOS0xLjA5IDEuMTkgMS4xOSAwIDAwLS45Mi0uMzZ6bTUuMTYtMS4wM2wuMDQuNjZhMi4y= OCAyLjI4IDAgMDExLjgzLS43OGMuODUgMCAxLjQzLjMzIDEuNzQuOTguNDYtLjY1IDEuMTEtLjk= 4IDEuOTUtLjk4LjcgMCAxLjIxLjIgMS41NS41OC4zNS4zOS41Mi45Ni41MyAxLjcxVjEyaC0xLj= QyVjcuODdjMC0uNC0uMDktLjctLjI3LS44OC0uMTctLjE5LS40Ni0uMjgtLjg3LS4yOC0uMzIgM= C0uNTkuMDktLjguMjYtLjIuMTctLjM0LjQtLjQyLjY4VjEyaC0xLjQyVjcuODNjLS4wMi0uNzUt= LjQtMS4xMi0xLjE0LTEuMTItLjU3IDAtLjk4LjIzLTEuMjIuN1YxMmgtMS40MlY1LjY2aDEuMzR= 6TTQ4LjkxIDEyaC0xLjQzVjUuNjZoMS40M1YxMnpNNDcuNCA0LjAxYzAtLjIyLjA2LS40LjItLj= U0LjE0LS4xNS4zNC0uMjIuNi0uMjIuMjYgMCAuNDYuMDcuNi4yMi4xNC4xNC4yLjMyLjIuNTQgM= CAuMjItLjA2LjQtLjIuNTRzLS4zNC4yMS0uNi4yMWMtLjI2IDAtLjQ2LS4wNy0uNi0uMmEuNzUu= NzUgMCAwMS0uMi0uNTV6bTYuOSA3LjM3YTIuMiAyLjIgMCAwMS0xLjc4Ljc0Yy0uNjggMC0xLjI= tLjItMS41Ni0uNi0uMzUtLjQtLjUzLTEtLjUzLTEuNzVWNS42NmgxLjQzdjQuMDljMCAuOC4zMy= AxLjIgMSAxLjIuNjkgMCAxLjE2LS4yNCAxLjQtLjc0VjUuNjZoMS40MlYxMmgtMS4zNGwtLjA0L= S42MnptNC4xNy01LjcybC4wNC42NmEyLjI4IDIuMjggMCAwMTEuODMtLjc4Yy44NSAwIDEuNDMu= MzMgMS43NC45OC40Ni0uNjUgMS4xMS0uOTggMS45NS0uOTguNyAwIDEuMjEuMiAxLjU1LjU4LjM= 1LjM5LjUyLjk2LjUzIDEuNzFWMTJINjQuN1Y3Ljg3YzAtLjQtLjA5LS43LS4yNy0uODgtLjE3LS= 4xOS0uNDYtLjI4LS44Ny0uMjgtLjMyIDAtLjU5LjA5LS44LjI2LS4yLjE3LS4zNC40LS40Mi42O= FYxMmgtMS40MlY3LjgzYy0uMDItLjc1LS40LTEuMTItMS4xNC0xLjEyLS41NyAwLS45OC4yMy0x= LjIyLjdWMTJoLTEuNDJWNS42NmgxLjM0eiIgZmlsbD0iI2FhYSIgLz48cGF0aCBkPSJNMSAyYTE= gMSAwIDAxMS0xaDEzdjE0SDJhMSAxIDAgMDEtMS0xVjJ6IiBmaWxsPSJyZWQiIC8+PHBhdGggZD= 0iTTYuNTIgOXYzSDQuNzZWMy40N0g4LjFjLjY0IDAgMS4yLjEyIDEuNjkuMzUuNDkuMjMuODYuN= TcgMS4xMiAxIC4yNi40My40LjkyLjQgMS40NyAwIC44NC0uMyAxLjUtLjg3IDEuOTgtLjU3LjQ4= LTEuMzYuNzItMi4zNy43Mkg2LjUyem0wLTEuNDNoMS41N2MuNDYgMCAuODItLjEgMS4wNi0uMzM= uMjUtLjIyLjM3LS41My4zNy0uOTQgMC0uNDEtLjEyLS43NS0uMzctMS0uMjUtLjI3LS41OS0uNC= 0xLjAyLS40SDYuNTJ2Mi42N3oiIGZpbGw9IiNmZmYiIC8+PC9zdmc+"); background-size: = cover; } .autonav-endscreen { display: flex; -webkit-box-pack: justify; justify-cont= ent: space-between; } .ytp-autonav-endscreen-cancelled-state .autonav-endscreen { -webkit-box-ali= gn: center; align-items: center; } .ytp-suggestions-container { display: flex; -webkit-box-orient: horizontal;= -webkit-box-direction: normal; flex-flow: row wrap; } .ytp-autonav-endscreen-upnext-title { color: rgb(255, 255, 255); display: -= webkit-box; font-size: 18px; font-style: normal; font-weight: normal; line-= height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow= : hidden; overflow-wrap: normal; text-overflow: ellipsis; white-space: norm= al; } .ytp-autonav-view-and-date, .ytp-autonav-author-and-view, .ytp-autonav-ends= creen-upnext-author { margin-top: 4px; color: rgb(170, 170, 170); display: = -webkit-box; font-size: 14px; line-height: 21px; -webkit-box-orient: vertic= al; -webkit-line-clamp: 1; overflow: hidden; overflow-wrap: normal; text-ov= erflow: ellipsis; white-space: normal; } .ytp-autonav-endscreen-button-container { width: 100%; margin-top: 12px; } .ytp-autonav-endscreen-upnext-button { -webkit-box-align: center; align-ite= ms: center; color: rgb(255, 255, 255); border-radius: 2px; display: inline-= grid; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight:= 500; width: 176px; height: 36px; line-height: 34px; text-align: center; te= xt-transform: uppercase; cursor: pointer; border: 0px; } .ytp-autonav-endscreen-upnext-cancel-button { background: rgba(255, 255, 25= 5, 0.1); float: left; } .ytp-autonav-endscreen-upnext-play-button { background: rgba(255, 255, 255,= 0.3); float: right; } .ytp-autonav-endscreen-countdown-container:not(.ytp-autonav-endscreen-is-pr= emium) .ytp-autonav-endscreen-premium-badge { display: none; } .ytp-autonav-duration { background-color: rgba(0, 0, 0, 0.8); position: abs= olute; letter-spacing: 0.5px; font-weight: 500; } .countdown-running .ytp-player-content { bottom: 0px; } .countdown-running .ytp-preview, .countdown-running .ytp-miniplayer-replay-= button { display: none; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-suggestion-panel { margin: 40px auto auto 20px; width: 360px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-endscreen-countdown-container { margin: 40px 20px auto auto; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-thumbnail-small { width: 360px; height: 202px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-title-card { margin-top: 12px; font-size: 18px; line-height: 24p= x; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-author-card { margin-top: 4px; font-size: 14px; line-height: 21p= x; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-view-and-date-card { font-size: 14px; line-height: 21px; margin-= top: 0px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-suggestion-card { width: 360px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-endscreen-upnext-thumbnail { width: 360px; height: 202px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-mix-text { font-size: 22.5px; line-height: 27px; } .ytp-autonav-endscreen-small-mode.ytp-autonav-endscreen-countdown-container= { width: 374px; } .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-link-container, .co= untdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-li= nk-container { margin-top: 13px; -webkit-box-orient: horizontal; -webkit-bo= x-direction: normal; flex-direction: row; -webkit-box-pack: justify; justif= y-content: space-between; } .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-thumbnail, .= countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-= upnext-thumbnail { width: 183px; height: 104px; } .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-title, .ytp-= autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-header, .countdow= n-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-t= itle, .countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-end= screen-upnext-header { font-size: 14px; line-height: 18px; font-weight: 500= ; } .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-video-info, .countd= own-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-video-= info { margin-top: 0px; width: 183px; } .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-button-container, .= countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-= button-container { margin-top: 13px; } .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-button, .cou= ntdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upn= ext-button { width: 183px; height: 34px; } .ytp-big-mode .ytp-autonav-endscreen-countdown-container { height: calc(100= % - 58.5px); } .ytp-big-mode .ytp-autonav-endscreen-link-container { margin-top: 15px; } .ytp-big-mode .ytp-autonav-endscreen-upnext-header { font-size: 22.5px; lin= e-height: 36px; } .ytp-big-mode .ytp-autonav-endscreen-upnext-alternative-header { font-size:= 19.5px; line-height: 27px; } .ytp-big-mode .ytp-autonav-endscreen-upnext-alternative-header-only .ytp-au= tonav-endscreen-upnext-alternative-header { font-size: 22.5px; line-height:= 36px; } .ytp-big-mode .ytp-autonav-endscreen-upnext-thumbnail { width: 540px; heigh= t: 303px; } .ytp-big-mode .ytp-autonav-endscreen-premium-badge { margin-bottom: 9px; ma= rgin-left: -3px; width: 111px; height: 24px; } .ytp-big-mode .ytp-autonav-endscreen-video-info { margin-top: 18px; } .ytp-big-mode .ytp-autonav-endscreen-upnext-title { font-size: 27px; line-h= eight: 36px; } .ytp-big-mode .ytp-autonav-view-and-date { font-size: 21px; line-height: 31= .5px; } .ytp-big-mode .ytp-autonav-endscreen-upnext-author { margin-top: 6px; font-= size: 21px; line-height: 31.5px; } .ytp-big-mode .ytp-autonav-view-and-date { margin-top: 0px; } .ytp-big-mode .ytp-autonav-endscreen-button-container { margin-top: 18px; } .ytp-big-mode .ytp-autonav-endscreen-upnext-button { font-size: 21px; width= : 264px; height: 54px; line-height: 52px; } .ytp-big-mode .ytp-autonav-timestamp, .ytp-big-mode .ytp-autonav-live-stamp= , .ytp-big-mode .ytp-autonav-upcoming-stamp { font-size: 18px; line-height:= 24px; } .ytp-big-mode .ytp-autonav-endscreen-countdown-container { width: 540px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-con= tainer { margin: auto 30px auto auto; height: 444px; -webkit-box-pack: star= t; justify-content: flex-start; } .ytp-autonav-endscreen-cancelled-state .ytp-suggestion-panel { margin: auto= auto auto 30px; width: 432px; height: 444px; } .ytp-autonav-endscreen-cancelled-state .ytp-suggestion-card-with-margin { m= argin-left: 12px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-thumbnail-small { margi= n-top: 0px; width: 210px; height: 118px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card { margi= n-top: 10px; width: 210px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card:nth-las= t-child(-n+2) { margin-top: 20px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-title-card { margin-top= : 10px; font-size: 14px; line-height: 16px; font-weight: 500; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card { margin-to= p: 4px; font-size: 13px; line-height: 18px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card { fo= nt-size: 13px; line-height: 18px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date, .ytp-aut= onav-endscreen-cancelled-state .ytp-autonav-view-and-date-card { margin-top= : 0px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-autonav-endscreen-more-videos { visibility: hidden; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .y= tp-suggestions-container .ytp-suggestion-set:not(:first-child), .ytp-autona= v-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-suggestio= n-panel, .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny= -mode .ytp-suggestion-panel { display: none; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .yt= p-autonav-endscreen-countdown-container, .ytp-autonav-endscreen-cancelled-s= tate .ytp-autonav-cancelled-tiny-mode .ytp-autonav-endscreen-countdown-cont= ainer { -webkit-box-pack: center; justify-content: center; height: calc(100= % - 39px); } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .yt= p-autonav-endscreen-countdown-container, .ytp-autonav-endscreen-cancelled-s= tate .ytp-autonav-cancelled-tiny-mode .ytp-autonav-endscreen-countdown-cont= ainer { margin-right: auto; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .yt= p-autonav-endscreen-countdown-container { margin-top: 0px; } .ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-en= dscreen-link-container, .ytp-player-minimized.countdown-running .ytp-autona= v-endscreen-link-container { margin-top: 30px; } .ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-suggestion= -panel, .ytp-player-minimized.countdown-running .ytp-suggestion-panel { dis= play: none; } .ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-en= dscreen-countdown-container, .ytp-player-minimized.countdown-running .ytp-a= utonav-endscreen-countdown-container { width: 374px; height: 100%; -webkit-= box-pack: start; justify-content: flex-start; } .ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-en= dscreen-upnext-container, .ytp-player-minimized.countdown-running .ytp-auto= nav-endscreen-upnext-container { margin-top: 16px; } .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-au= tonav-endscreen-upnext-header, .ytp-autonav-cancelled-mini-mode .ytp-autona= v-endscreen-is-premium .ytp-autonav-endscreen-upnext-header { display: -web= kit-box; } .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-au= tonav-endscreen-upnext-alternative-header, .ytp-autonav-cancelled-mini-mode= .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-alternativ= e-header { margin-top: 5px; } .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-au= tonav-endscreen-link-container, .ytp-autonav-cancelled-mini-mode .ytp-auton= av-endscreen-is-premium .ytp-autonav-endscreen-link-container { margin-top:= 8px; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .yt= p-autonav-view-and-date { display: -webkit-box; } .ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-button-contai= ner { display: none; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-= countdown-container { margin: auto 45px auto auto; width: 540px; height: 66= 6px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-= upnext-header { font-size: 22.5px; line-height: 36px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-panel {= margin: auto auto auto 45px; width: 648px; height: 666px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-card-wi= th-margin { margin-left: 18px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-thumbnail-= small { width: 315px; height: 177px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion= -card { margin-top: 15px; width: 315px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion= -card:nth-last-child(-n+2) { margin-top: 30px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-title-card= { margin-top: 15px; font-size: 21px; line-height: 24px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-car= d { margin-top: 6px; font-size: 19.5px; line-height: 27px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-d= ate-card { font-size: 19.5px; line-height: 27px; margin-top: 0px; } .ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-mix-text {= font-size: 22.5px; line-height: 27px; } .ytp-autonav-author-and-view { display: none; } .ytp-autonav-cancelled-mini-mode.ytp-player-content, .ytp-small-mode .ytp-a= utonav-cancelled-mini-mode.ytp-player-content, .ytp-exp-bigger-button-like-= mobile.ytp-small-mode .ytp-autonav-cancelled-mini-mode.ytp-player-content {= bottom: 0px; } .countdown-running .ytp-autonav-overlay { width: 100%; height: 100%; positi= on: absolute; z-index: -1; } .countdown-running .ytp-autonav-view-and-date, .ytp-autonav-suggestion-card= [data-is-live=3D"true"] .ytp-autonav-timestamp, .ytp-autonav-suggestion-car= d[data-is-list=3D"true"] .ytp-autonav-timestamp, .ytp-autonav-suggestion-ca= rd[data-is-mix=3D"true"] .ytp-autonav-timestamp, .ytp-autonav-suggestion-ca= rd[data-is-upcoming=3D"true"] .ytp-autonav-timestamp { display: none; } .ytp-autonav-suggestion-card[data-is-live=3D"true"] .ytp-autonav-live-stamp= { position: absolute; background-color: rgb(204, 0, 0); } .ytp-autonav-suggestion-card:not([data-is-live=3D"true"]) .ytp-autonav-live= -stamp { display: none; } .ytp-autonav-suggestion-card[data-is-upcoming=3D"true"] .ytp-autonav-upcomi= ng-stamp { position: absolute; background-color: rgba(0, 0, 0, 0.8); } .ytp-autonav-suggestion-card:not([data-is-upcoming=3D"true"]) .ytp-autonav-= upcoming-stamp, .ytp-autonav-endscreen-upnext-container[data-is-live=3D"tru= e"] .ytp-autonav-timestamp, .ytp-autonav-endscreen-upnext-container[data-is= -list=3D"true"] .ytp-autonav-timestamp, .ytp-autonav-endscreen-upnext-conta= iner[data-is-mix=3D"true"] .ytp-autonav-timestamp, .ytp-autonav-endscreen-u= pnext-container[data-is-upcoming=3D"true"] .ytp-autonav-timestamp { display= : none; } .ytp-autonav-endscreen-upnext-container[data-is-live=3D"true"] .ytp-autonav= -live-stamp { position: absolute; background-color: rgb(204, 0, 0); } .ytp-autonav-endscreen-upnext-container:not([data-is-live=3D"true"]) .ytp-a= utonav-live-stamp { display: none; } .ytp-autonav-endscreen-upnext-container[data-is-upcoming=3D"true"] .ytp-aut= onav-upcoming-stamp { position: absolute; background-color: rgba(0, 0, 0, 0= .8); } .ytp-autonav-endscreen-upnext-container:not([data-is-upcoming=3D"true"]) .y= tp-autonav-upcoming-stamp, .ytp-autonav-suggestion-card:not([data-is-mix=3D= "true"]) .ytp-autonav-list-overlay { display: none; } .html5-video-player.ytp-autonav-endscreen-cancelled-state { background-colo= r: rgb(0, 0, 0); } .ytp-ad-overlay-open.countdown-running .ytp-ad-overlay-container { opacity:= 0.3; } .ytp-ad-overlay-open .ytp-player-content.ytp-autonav-endscreen-countdown-co= ntainer { height: calc(100% - 143px); } .ytp-big-mode.ytp-ad-overlay-open .ytp-autonav-endscreen-countdown-containe= r { height: calc(100% - 160px); } .ytp-autonav-overlay-cancelled-state { background-color: rgb(0, 0, 0); heig= ht: 100%; position: absolute; z-index: -1; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-autonav-toggle-button-container { width: 100%; height: 100%; display: = inline-block; } .ytp-autonav-toggle-button { height: 12px; width: 30px; border-radius: 12px= ; top: 50%; position: relative; cursor: pointer; background-image: url("dat= a:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmci= IGZpbGw9Im5vbmUiIGhlaWdodD0iMTIiIHdpZHRoPSIzMCI+PGRlZnMgLz48cGF0aCBjbGlwLXJ= 1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS01LT= UuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHoiIGZpbGw9IiNmZ= mYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjUiIC8+PHBhdGggY2xpcC1ydWxlPSJl= dmVub2RkIiBkPSJNNy4zIDFDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4= xNiA1LjE2IDAgMDAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNC= AxMWMzLjQ1IDAgNi4zLTIuNiA2LjMtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgM= SA2czIuODUgNiA2LjMgNmgxNS40eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgZmls= bC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNSIgLz48L3N2Zz4=3D"); background-size: = cover; transform: translate(0px, -50%); transition: all 0.08s cubic-bezier(= 0.4, 0, 1, 1) 0s; } .ytp-big-mode .ytp-autonav-toggle-button { height: 18px; width: 45px; borde= r-radius: 18px; } .ytp-autonav-toggle-button[aria-checked=3D"true"] { background-image: url("= data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd= mciIGZpbGw9Im5vbmUiIGhlaWdodD0iMTIiIHdpZHRoPSIzMCI+PGRlZnMgLz48cGF0aCBjbGlw= LXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS0= 1LTUuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHptLTIuNy0uNz= V2LTguNWw2LjcgNC4yNi02LjcgNC4yNHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZ= CIgb3BhY2l0eT0iLjUiIC8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zIDFDNC4z= NSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4xNiA1LjE2IDAgMDAyOCA2bC0uMDM= tLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNCAxMWMzLjQ1IDAgNi4zLTIuNiA2Lj= MtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgMSA2czIuODUgNiA2LjMgNmgxNS40e= iIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFj= aXR5PSIuNSIgLz48L3N2Zz4=3D"); background-size: cover; background-color: tra= nsparent; transition: all 0.08s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-autonav-toggle-button::after { content: ""; position: absolute; top: 0= px; left: 0px; height: 17px; width: 17px; border-radius: 17px; margin-top: = -2.5px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaH= R0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIGhlaWdodD0iMTAwJSIgdmlld= 0JveD0iMCAwIDE3IDE3IiB3aWR0aD0iMTAwJSI+PGRlZnMgLz48cGF0aCBjbGlwLXJ1bGU9ImV2= ZW5vZGQiIGQ9Ik04LjUgMTZhNy41IDcuNSAwIDEwMC0xNSA3LjUgNy41IDAgMDAwIDE1eiIgZml= sbD0iIzcxNzE3MSIgZmlsbC1ydWxlPSJldmVub2RkIiAvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm= 9kZCIgZD0iTTE3IDguNWE4LjUgOC41IDAgMTEtMTcgMCA4LjUgOC41IDAgMDExNyAwem0tMSAwY= TcuNSA3LjUgMCAxMS0xNSAwIDcuNSA3LjUgMCAwMTE1IDB6IiBmaWxsPSIjMDAwIiBmaWxsLW9w= YWNpdHk9Ii4xNSIgZmlsbC1ydWxlPSJldmVub2RkIiAvPjxwYXRoIGQ9Ik01LjUgMTJoMlY1aC0= ydjd6TTkuNSA1djdoMlY1aC0yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=3D"); background-s= ize: cover; transition: all 0.08s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-big-mode .ytp-autonav-toggle-button::after { left: 0px; height: 25.5px= ; width: 25.5px; border-radius: 25.5px; margin-top: -3.75px; } .ytp-autonav-toggle-button[aria-checked=3D"true"]::after { background-image= : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj= AwMC9zdmciIGZpbGw9Im5vbmUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE3IDE3IiB3a= WR0aD0iMTAwJSI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcgOC41YTguNSA4LjUg= MCAxMS0xNyAwIDguNSA4LjUgMCAwMTE3IDB6bS01IDBMNi41IDV2N0wxMiA4LjV6bS0xLjg2IDB= MNy41IDYuODJ2My4zNmwyLjY0LTEuNjh6TTguNSAxNmE3LjUgNy41IDAgMTAwLTE1IDcuNSA3Lj= UgMCAwMDAgMTV6IiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii4xNSIgZmlsbC1ydWxlPSJld= mVub2RkIiAvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDguNWE3LjUgNy41IDAg= MTEtMTUgMCA3LjUgNy41IDAgMDExNSAwem0tNCAwTDYuNSAxMlY1TDEyIDguNXoiIGZpbGw9IiN= mZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz48L3N2Zz4=3D"); left: 1px; background-si= ze: cover; background-color: transparent; transform: translateX(13px); } .ytp-big-mode .ytp-autonav-toggle-button[aria-checked=3D"true"]::after { tr= ansform: translateX(19.5px); } .ytp-back-button { margin-left: 4px; margin-top: 2px; } .ytp-big-mode .ytp-back-button { margin-left: 8px; margin-top: 7px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-bezel { position: absolute; left: 50%; top: 50%; width: 52px; height: = 52px; z-index: 19; margin-left: -26px; margin-top: -26px; background: rgba(= 0, 0, 0, 0.5); border-radius: 26px; animation: 0.5s linear 0s 1 normal forw= ards running ytp-bezel-fadeout; pointer-events: none; } .ytp-big-mode .ytp-bezel { width: 78px; height: 78px; margin-left: -39px; m= argin-top: -39px; border-radius: 39px; } .ytp-bezel-icon { width: 40px; height: 40px; margin: 6px; } .ytp-exp-bigger-button-like-mobile .ytp-bezel-icon { width: 48px; height: 4= 8px; margin: 2px; } .ytp-big-mode .ytp-bezel-icon { width: 54px; height: 54px; margin: 12px; } .ytp-bezel-text-wrapper { text-align: center; position: absolute; left: 0%;= right: 0%; top: 10%; z-index: 19; } .ytp-bezel-text { display: inline-block; padding: 10px 20px; font-size: 175= %; background: rgba(0, 0, 0, 0.5); pointer-events: none; border-radius: 3px= ; } .ytp-bezel-text-hide .ytp-bezel-text { display: none; } @-webkit-keyframes ytp-bezel-fadeout {=20 0% { opacity: 1; } 100% { opacity: 0; transform: scale(2); } } @keyframes ytp-bezel-fadeout {=20 0% { opacity: 1; } 100% { opacity: 0; transform: scale(2); } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-title-enable-channel-logo .ytp-title { min-height: 52px; } .ytp-big-mode.ytp-title-enable-channel-logo .ytp-title { min-height: 75px; = } .ytp-title-enable-channel-logo .ytp-title-text { padding-left: 50px; } .ytp-big-mode.ytp-title-enable-channel-logo .ytp-title-text { padding-left:= 75px; } .ytp-title-channel-logo { width: 40px; height: 40px; background-size: conta= in; background-repeat: no-repeat; background-origin: content-box; float: le= ft; } .ytp-big-mode .ytp-title-channel-logo { width: 60px; height: 60px; } @-webkit-keyframes ytp-title-channel-fade-in {=20 0% { background-color: transparent; border-radius: 25px; width: 50px; } 25% { background-color: rgba(35, 35, 35, 0.9); } 75% { border-radius: 25px 4px 4px 25px; width: 500px; } } @keyframes ytp-title-channel-fade-in {=20 0% { background-color: transparent; border-radius: 25px; width: 50px; } 25% { background-color: rgba(35, 35, 35, 0.9); } 75% { border-radius: 25px 4px 4px 25px; width: 500px; } } @-webkit-keyframes ytp-title-channel-fade-out {=20 0% { background-color: rgba(35, 35, 35, 0.9); border-radius: 25px 4px 4px= 25px; width: 500px; } 75% { background-color: rgba(35, 35, 35, 0.9); border-radius: 25px; width= : 50px; } } @keyframes ytp-title-channel-fade-out {=20 0% { background-color: rgba(35, 35, 35, 0.9); border-radius: 25px 4px 4px= 25px; width: 500px; } 75% { background-color: rgba(35, 35, 35, 0.9); border-radius: 25px; width= : 50px; } } @-webkit-keyframes ytp-title-channel-fade-in-big-mode {=20 0% { background-color: transparent; border-radius: 35px; width: 70px; } 25% { background-color: rgba(35, 35, 35, 0.9); } 75% { border-radius: 35px 4px 4px 35px; width: 500px; } } @keyframes ytp-title-channel-fade-in-big-mode {=20 0% { background-color: transparent; border-radius: 35px; width: 70px; } 25% { background-color: rgba(35, 35, 35, 0.9); } 75% { border-radius: 35px 4px 4px 35px; width: 500px; } } @-webkit-keyframes ytp-title-channel-fade-out-big-mode {=20 0% { background-color: rgba(35, 35, 35, 0.9); border-radius: 35px 4px 4px= 35px; width: 500px; } 75% { background-color: rgba(35, 35, 35, 0.9); border-radius: 35px; width= : 70px; } } @keyframes ytp-title-channel-fade-out-big-mode {=20 0% { background-color: rgba(35, 35, 35, 0.9); border-radius: 35px 4px 4px= 35px; width: 500px; } 75% { background-color: rgba(35, 35, 35, 0.9); border-radius: 35px; width= : 70px; } } @-webkit-keyframes ytp-title-expanded-fade-in {=20 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } } @keyframes ytp-title-expanded-fade-in {=20 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes ytp-title-expanded-fade-out {=20 0% { opacity: 1; } 25% { opacity: 1; } 100% { opacity: 0; } } @keyframes ytp-title-expanded-fade-out {=20 0% { opacity: 1; } 25% { opacity: 1; } 100% { opacity: 0; } } .ytp-title-channel { background: transparent; border-radius: 25px; display:= none; height: 50px; margin-left: -5px; overflow: hidden; position: absolut= e; top: 7px; left: 0px; width: 50px; } .ytp-big-mode .ytp-title-channel { width: 70px; height: 70px; margin-top: 1= 0px; } .ytp-title-enable-channel-logo .ytp-title-channel { display: flex; } .ytp-title-channel.ytp-title-show-collapsed { animation: 0.5s cubic-bezier(= 0.4, 0, 0.2, 1) 0s 1 normal none running ytp-title-channel-fade-out; } .ytp-big-mode .ytp-title-channel.ytp-title-show-collapsed { animation: 0.5s= cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running ytp-title-channel-fa= de-out-big-mode; } .ytp-title-channel.ytp-title-show-expanded { animation: 0.5s cubic-bezier(0= .4, 0, 0.2, 1) 0s 1 normal none running ytp-title-channel-fade-in; } .ytp-big-mode .ytp-title-channel.ytp-title-show-expanded { animation: 0.5s = cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running ytp-title-channel-fad= e-in-big-mode; } .ytp-title-channel.ytp-title-expanded { background-color: rgba(35, 35, 35, = 0.9); border-radius: 25px 4px 4px 25px; z-index: 1; width: 500px; } .ytp-big-mode .ytp-title-channel.ytp-title-expanded { border-radius: 35px 4= px 4px 35px; } .ytp-title-channel-logo { border-radius: 50%; flex-shrink: 0; margin: 5px; = } .ytp-embed-mobile-exp .ytp-title-channel-logo, .ytp-embed-mobile-exp.ytp-sm= all-mode .ytp-title-channel-logo { width: 48px; height: 48px; margin: 0px; = } .ytp-title-expanded-overlay { display: flex; flex-shrink: 0; opacity: 0; wi= dth: 450px; } .ytp-big-mode .ytp-title-expanded-overlay { width: 430px; } .ytp-title-expanded .ytp-title-expanded-overlay { opacity: 1; } .ytp-title-show-collapsed .ytp-title-expanded-overlay { opacity: 0; animati= on: 1s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running ytp-title-expa= nded-fade-out; } .ytp-big-mode .ytp-title-show-collapsed .ytp-title-expanded-overlay { anima= tion: 1s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running ytp-title-ex= panded-fade-out-big-mode; } .ytp-title-show-expanded .ytp-title-expanded-overlay { opacity: 1; animatio= n: 1s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running ytp-title-expan= ded-fade-in; } .ytp-big-mode .ytp-title-show-expanded .ytp-title-expanded-overlay { animat= ion: 1s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running ytp-title-exp= anded-fade-in-big-mode; } .ytp-title-expanded-heading { margin: 5px; -webkit-box-flex: 1; flex: 1 1 0= %; white-space: nowrap; overflow: hidden; align-self: center; } .ytp-title-expanded-title { font-size: 16px; font-weight: normal; margin: 0= px; } .ytp-big-mode .ytp-title-expanded-title { font-size: 22px; } .ytp-title-expanded-title a { display: block; overflow: hidden; text-overfl= ow: ellipsis; } .ytp-title-expanded-subtitle { font-size: 12px; font-weight: normal; margin= : 0px; } .ytp-big-mode .ytp-title-expanded-subtitle { font-size: 16px; } .ytp-chrome-top .ytp-title-channel .ytp-sb { align-self: center; margin: 5p= x; height: auto; width: auto; padding: 0px; text-shadow: none; } .ytp-big-mode .ytp-chrome-top .ytp-title-channel .ytp-sb-subscribe, .ytp-bi= g-mode .ytp-chrome-top .ytp-title-channel .ytp-sb-unsubscribe { font-size: = 16px; padding: 14px 20px; } .ytp-title-expanded .ytp-title-beacon, .ytp-title-expanded .ytp-title-text,= .ytp-title-expanded .ytp-title-subtext { display: none; } @-webkit-keyframes ytp-title-beacon-pulse {=20 0% { background: black; width: 40px; height: 40px; left: 5px; top: 5px; } 50% { background: transparent; width: 50px; height: 50px; left: 0px; top:= 0px; } } @keyframes ytp-title-beacon-pulse {=20 0% { background: black; width: 40px; height: 40px; left: 5px; top: 5px; } 50% { background: transparent; width: 50px; height: 50px; left: 0px; top:= 0px; } } .ytp-title-beacon { border-radius: 25px; display: none; position: absolute;= z-index: -1; animation: 2s ease 0s 5 normal none running ytp-title-beacon-= pulse; } .unstarted-mode .ytp-title-beacon { display: block; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-big-mode .ytp-chapter-title.ytp-button.ytp-chapter-container-disabled,= .ytp-chapter-title.ytp-button.ytp-chapter-container-disabled { opacity: 0.= 9; } .ytp-chapter-title.ytp-button, .ytp-big-mode .ytp-chapter-title.ytp-button,= .ytp-exp-bigger-button-like-mobile .ytp-chapter-title.ytp-button { width: = 100%; display: flex; -webkit-box-align: baseline; align-items: baseline; } .ytp-chapter-container-disabled .ytp-chapter-title-chevron { display: none;= } .ytp-chapter-title-chevron { -webkit-box-flex: 0; flex: 0 0 20px; width: 20= px; position: relative; bottom: 1px; } .ytp-chapter-title-content { -webkit-box-flex: 0; flex: 0 1 auto; white-spa= ce: nowrap; overflow: hidden; text-overflow: ellipsis; } .ytp-big-mode .ytp-chapter-title-chevron { width: 28px; } .ytp-chapter-title-chevron svg { vertical-align: middle; } .ytp-chapter-title-prefix { padding-right: 5px; } .ytp-music-player .ytp-chapter-title { color: rgb(255, 255, 255); } .ytp-live .ytp-chapter-title { display: none; } .ytp-exp-bottom-control-flexbox .ytp-chapter-container { -webkit-box-flex: = 0; flex: 0 1 100%; overflow: hidden; text-overflow: ellipsis; } :not(.ytp-exp-bottom-control-flexbox) .ytp-chapter-container { float: left;= } .ytp-chapter-container { height: 100%; font-size: 109%; vertical-align: top= ; padding: 0px 5px 0px 0px; white-space: nowrap; line-height: 39px; } .ytp-exp-bigger-button-like-mobile .ytp-chapter-container { line-height: 47= px; } .ytp-music-player .ytp-chapter-container { line-height: 48px; } .ytp-small-mode.ytp-music-player .ytp-chapter-container { line-height: 35px= ; } .ytp-big-mode .ytp-chapter-container { line-height: 53px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-contextmenu { position: absolute; top: 0px; left: 0px; z-index: 2300; = font-family: Roboto, Arial, Helvetica, sans-serif; text-align: left; direct= ion: ltr; font-size: 11px; line-height: 1.3; -webkit-font-smoothing: antial= iased; will-change: width, height; } .ytp-dni.ytp-contextmenu { text-shadow: none; } .ytp-big-mode.ytp-contextmenu { font-size: 17px; } .ytp-autohide.ytp-embed-overlays-autohide.ytp-contextmenu { opacity: 0; tra= nsition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide.ytp-con= textmenu { display: none; } .ytp-contextmenu a, .ytp-contextmenu a:focus, .ytp-contextmenu a:hover { co= lor: inherit; text-decoration: none; } .ytp-copytext { margin: 0px 10px; max-width: 200px; outline: none; text-sha= dow: none; overflow: hidden; white-space: nowrap; overflow-wrap: normal; te= xt-overflow: ellipsis; user-select: text; } .ytp-html5-clipboard { top: 0px; left: 100%; position: absolute; user-selec= t: text; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-show-copylink-title.ytp-copylink-button { margin-left: 10px; margin-ri= ght: 10px; } .ytp-overflow-panel .ytp-show-copylink-title.ytp-copylink-button { margin-l= eft: 20px; margin-right: 20px; } .ytp-big-mode .ytp-chrome-top .ytp-copylink-button, .ytp-chrome-top .ytp-co= pylink-button { width: auto; height: auto; } .html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-copylink-button= { min-width: 48px; max-width: 80px; } .ytp-copylink-icon { margin: auto; width: 36px; height: 36px; } .ytp-big-mode .ytp-copylink-icon { width: 54px; height: 54px; } .ytp-overflow-panel .ytp-copylink-icon { width: 60px; height: 60px; margin-= bottom: 10px; } .ytp-copylink-title { font-weight: 500; text-align: center; font-size: 14px= ; display: none; } .ytp-big-mode .ytp-copylink-title, .ytp-overflow-panel .ytp-copylink-title = { font-size: 20px; } .ytp-show-copylink-title .ytp-copylink-title { display: block; } .html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-copylink-title = { text-overflow: ellipsis; overflow: hidden; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-sb { display: inline-block; float: none; } .ytp-sb .ytp-sb-unsubscribe, .ytp-sb.ytp-sb-subscribed .ytp-sb-subscribe { = display: none; } .ytp-sb.ytp-sb-subscribed .ytp-sb-unsubscribe { display: flex; } .ytp-sb-subscribe, .ytp-sb-unsubscribe { border-radius: 2px; border: none; = direction: ltr; display: flex; font-size: 14px; font-weight: 500; letter-sp= acing: 0.007px; line-height: 16px; padding: 10px 16px; text-transform: uppe= rcase; white-space: nowrap; user-select: none; } .ytp-sb-subscribe, a.ytp-sb-subscribe { background-color: rgb(255, 0, 0); c= olor: white; } .ytp-sb-subscribe .ytp-sb-count { color: rgba(255, 255, 255, 0.8); } .ytp-sb-unsubscribe { background-color: rgb(238, 238, 238); color: rgba(17,= 17, 17, 0.6); } .ytp-sb-subscribe.ytp-sb-disabled, .ytp-sb-unsubscribe.ytp-sb-disabled { ba= ckground-color: rgb(243, 144, 139); cursor: default; } .ytp-sb-subscribe:focus, .ytp-sb-unsubscribe:focus { outline: none; } .ytp-sb.ytp-sb-classic { background-color: white; border-radius: 2px; margi= n: 4px 0px; } .ytp-sb-classic .ytp-sb-subscribe.ytp-sb-disabled, .ytp-sb-classic .ytp-sb-= unsubscribe.ytp-sb-disabled { opacity: 0.5; cursor: default; } .ytp-sb-text { display: flex; } .ytp-sb-count { margin-left: 4px; } .ytp-sb-classic .ytp-sb-subscribe, .ytp-sb-classic .ytp-sb-unsubscribe { bo= rder-radius: 2px; font-weight: normal; text-transform: none; font-size: 12p= x !important; padding: 0px !important; } .ytp-sb-classic .ytp-sb-subscribe { border: 1px solid rgb(230, 33, 23); } .ytp-sb-classic .ytp-sb-unsubscribe { border: 1px solid rgb(204, 204, 204);= } .ytp-sb-classic .ytp-sb-text { padding: 3px 6px; } .ytp-sb-classic .ytp-sb-count { padding: 3px 6px; margin: -1px; border: 1px= solid rgb(204, 204, 204); border-top-right-radius: 2px; border-bottom-righ= t-radius: 2px; } .ytp-sb-classic .ytp-sb-subscribe .ytp-sb-count { border-left: 0px; backgro= und-color: rgb(250, 250, 250); } .ytp-sb-classic .ytp-sb-unsubscribe { background-color: rgb(250, 250, 250);= } .ytp-sb-classic .ytp-sb-subscribe .ytp-sb-text { color: rgb(254, 254, 254);= background-color: rgb(230, 33, 23); } .ytp-sb-classic .ytp-sb-count, .ytp-sb-classic .ytp-sb-unsubscribe .ytp-sb-= text { background-color: rgb(250, 250, 250); color: rgb(115, 115, 115); } .ytp-sb-classic .ytp-sb-icon { height: 12px; margin-right: 6px; position: r= elative; top: 2px; width: 16px; } .ytp-sb-classic .ytp-sb-subscribe .ytp-sb-icon { background: url("data:imag= e/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAnUlEQVQ4T2P8//= +/JwMDw1wGBgZJBtLAcwYGhmTG////PyNDM8yq5yAD/pNmMapqnAY8k5JgEFmxlIHNzhmv+TgNe= MrJycAowMkgNHM6A4dfOE5DcBrwnJOT4f/vHwyMbAwMXGnJDPwT5mA1hEgDkhj4J4AiChMQ9sKM= aQwc/hGke4HiQCQ2ailNSC9ABnhBk7IEsbZC1T1lYGBIAwBS1UxBE9/2iAAAAABJRU5ErkJggg= =3D=3D"); } .ytp-sb-classic .ytp-sb-unsubscribe .ytp-sb-icon { background: url("data:im= age/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAA/UlEQVQ4T6WS= MUoEQRBF608iaLqZ4AnE0DOIYGYuGNjdM4jRiLkYjSIsLF0tgpkgE3gAccDUG5h6ACMNp75MoMy= uyo5sp9X1ftX/BVnwYcF++RcgpbRGciIiY+/9Qyc+GBBj3Myy7FpERmY2CSGcDQao6i6A806Q5L= H3/u5r9akJqqpaKcvyo+cLVPUEwKGIvJnZfgjhue/bN0BVj0TkwMzyPM+fUkrLJMcAtkm+ANhzz= r3Omt4H7AC4FJElEbkguQVgg+Rj27ahKIr33xKbWiHGuA7gBsBq99nMrpqmOa3ruv0r7h8ppJRG= JCOAe+fc7bw7GRzj4AnmKc7WPwFWRF0Nc9RQxwAAAABJRU5ErkJggg=3D=3D"); } .yt-ui-ellipsis { background-color: rgb(255, 255, 255); display: block; lin= e-height: 1.3em; overflow: hidden; position: relative; text-overflow: ellip= sis; white-space: normal; overflow-wrap: break-word; } .yt-ui-ellipsis-nowrap-single-line { background-color: rgb(255, 255, 255); = display: block; line-height: 1.3em; overflow: hidden; position: relative; t= ext-overflow: ellipsis; white-space: nowrap; overflow-wrap: break-word; max= -height: 1.3em; } .yt-ui-ellipsis::before { background-color: inherit; position: absolute; } .yt-ui-ellipsis::after { background-color: inherit; position: absolute; } .yt-ui-ellipsis::before { content: "=E2=80=A6"; right: 0px; } .yt-ui-ellipsis::after { content: ""; height: 100%; width: 100%; } .yt-ui-ellipsis-2::before { top: 1.3em; } .yt-ui-ellipsis-3::before { top: 2.6em; } .yt-ui-ellipsis-4::before { top: 3.9em; } .yt-ui-ellipsis-6::before { top: 6.5em; } .yt-ui-ellipsis-10::before { top: 11.7em; } .yt-ui-ellipsis-2 { max-height: 2.6em; } .yt-ui-ellipsis-3 { max-height: 3.9em; } .yt-ui-ellipsis-4 { max-height: 5.2em; } .yt-ui-ellipsis-6 { max-height: 7.8em; } .yt-ui-ellipsis-10 { max-height: 13em; } .webkit .yt-ui-ellipsis { display: -webkit-box; -webkit-box-orient: vertica= l; } .webkit .yt-ui-ellipsis-2 { -webkit-line-clamp: 2; } .webkit .yt-ui-ellipsis-3 { -webkit-line-clamp: 3; } .webkit .yt-ui-ellipsis-4 { -webkit-line-clamp: 4; } .webkit .yt-ui-ellipsis-6 { -webkit-line-clamp: 6; } .webkit .yt-ui-ellipsis-10 { -webkit-line-clamp: 10; } .webkit .yt-ui-ellipsis::before { content: initial; } .webkit .yt-ui-ellipsis::after { content: "=E2=80=8C"; position: static; vi= sibility: hidden; } .yt-ui-ellipsis[dir=3D"rtl"]::before { left: 0px; right: auto; } .ytp-ce-valign-outer { display: table; min-height: 100%; width: 100%; } .ytp-ce-valign-inner { display: table-cell; text-align: left; vertical-alig= n: middle; } a.ytp-ce-link { display: block; color: rgb(22, 122, 198); } a.ytp-ce-link:hover, a.ytp-ce-link:visited { color: rgb(22, 122, 198); } a.ytp-ce-link:hover { text-decoration: underline; } .ytp-ce-shadow { opacity: 0; outline: rgb(0, 0, 0) solid; position: absolut= e; transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; z-index: 922; } .ytp-ce-shadow:not([aria-hidden=3D"true"]) { opacity: 0.25; transition: opa= city 0.2s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-ce-element { border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: r= gba(0, 0, 0, 0.5) 0px 0px 4px; cursor: pointer; display: block; font-family= : Roboto, Arial, sans-serif; line-height: 1.3em; margin: -1px; position: ab= solute; -webkit-font-smoothing: auto; z-index: 922; opacity: 0; transition:= visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0, 0, 0.2, 1) 0s, bor= der-color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; visibility: hidden; } .html5-video-player.ended-mode .ytp-ce-element { display: none; } .ytp-ce-element.ytp-ce-placeholder a.ytp-ce-covering-overlay { cursor: defa= ult; } .ytp-ce-element.ytp-ce-element-show { opacity: 1; transition: visibility 0s= linear 0s, opacity 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, border-color 0.2s c= ubic-bezier(0.4, 0, 1, 1) 0s; visibility: visible; } .ytp-ce-element.ytp-ce-force-expand, .ytp-ce-element.ytp-ce-element-hover {= border: 1px solid rgb(255, 255, 255); outline: none; z-index: 923; opacity= : 1; transition: visibility 0s linear 0s, opacity 0.2s cubic-bezier(0.4, 0,= 1, 1) 0s, border-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0s; visibility: vis= ible; } .ytp-ce-element.ytp-ce-element-show:focus, .ytp-ce-element.ytp-ce-element-s= how:hover { outline: none; } .ytp-ce-element-shadow { background-color: rgb(0, 0, 0); inset: -1px; opaci= ty: 0; position: absolute; transition: opacity 0.2s cubic-bezier(0, 0, 0.2,= 1) 0s; z-index: 922; } .ytp-ce-element.ytp-ce-element-show.ytp-ce-element-shadow-show .ytp-ce-elem= ent-shadow { opacity: 0.25; transition: opacity 0.2s cubic-bezier(0.4, 0, 1= , 1) 0s; } .ytp-ce-covering-image { background-color: rgb(255, 255, 255); background-p= osition: center center; background-size: cover; inset: -1px -1px -2px; posi= tion: absolute; } .ytp-ce-covering-shadow-top { height: 33%; opacity: 0.8; position: absolute= ; top: 0px; width: 100%; background-image: linear-gradient(rgb(0, 0, 0) 0px= , transparent 100%); } .ytp-ce-covering-shadow-bottom { bottom: 0px; background-image: linear-grad= ient(transparent 0px, rgb(0, 0, 0) 100%); } .ytp-ce-covering-overlay { height: 100%; position: absolute; width: 100%; z= -index: 922; } .html5-video-player.ended-mode .ytp-ce-shadow { display: none; } .ytp-ce-video, .ytp-ce-playlist { overflow: hidden; } .ytp-ce-video-title, .ytp-ce-playlist-title { background-color: transparent= ; color: rgb(255, 255, 255); font-size: 12px; font-weight: 500; line-height= : 14px; margin: 6px 8px; max-height: 28px; text-shadow: rgba(0, 0, 0, 0.4) = 0px 1px 0px; } .ytp-ce-video-title.ytp-webkit-ellipsis, .ytp-ce-playlist-title.ytp-webkit-= ellipsis { display: -webkit-box; overflow: hidden; -webkit-box-orient: vert= ical; -webkit-line-clamp: 2; text-overflow: ellipsis; } .ytp-ce-video-duration { background-color: rgba(0, 0, 0, 0.8); border-radiu= s: 2px; bottom: 0px; color: rgba(255, 255, 255, 0.8); margin: 0px 4px 4px 0= px; padding: 4px 6px; position: absolute; right: 0px; } .ytp-ce-playlist-count { background-color: rgba(0, 0, 0, 0.75); bottom: 0px= ; left: 0px; position: absolute; right: 0px; } .ytp-ce-playlist-icon { left: 8px; position: absolute; top: 2px; } .ytp-ce-playlist-count-text { color: rgba(255, 255, 255, 0.8); height: 24px= ; line-height: 24px; margin-left: 32px; } .ytp-ce-expanding-overlay { position: absolute; opacity: 0; transition: vis= ibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0, 0, 0.2, 1) 0s, border-= color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; visibility: hidden; } .ytp-ce-expanding-overlay-content { display: table; } .ytp-ce-expanding-overlay-body { display: table-cell; position: relative; v= ertical-align: middle; } .ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-overlay, .ytp-ce-elem= ent.ytp-ce-element-hover .ytp-ce-expanding-overlay { z-index: 923; opacity:= 1; transition: visibility 0s linear 0s, opacity 0.2s cubic-bezier(0.4, 0, = 1, 1) 0s, border-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0s; visibility: visi= ble; } .ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-image, .ytp-ce-elemen= t.ytp-ce-element-hover .ytp-ce-expanding-image { z-index: 923; } .ytp-ce-expanding-overlay-background { background-color: rgb(255, 255, 255)= ; border-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 4px; height: 100%; l= eft: 0px; margin: -8px; padding: 8px; position: absolute; top: 0px; width: = 100%; } .ytp-ce-expanding-image { background-position: center center; background-si= ze: cover; height: 100%; position: absolute; width: 100%; } .ytp-ce-expanding-icon { background-color: rgb(0, 0, 0); background-positio= n: center center; background-repeat: no-repeat; background-size: 20px 20px;= border-radius: 2px; bottom: 2px; height: 24px; position: absolute; right: = 2px; width: 24px; transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-icon, .ytp-ce-element= .ytp-ce-element-hover .ytp-ce-expanding-icon { opacity: 0; } .ytp-ce-element.ytp-ce-top-left-quad .ytp-ce-expanding-overlay { left: 0px;= padding-left: 100%; top: 0px; } .ytp-ce-element.ytp-ce-top-right-quad .ytp-ce-expanding-overlay { padding-r= ight: 100%; right: 0px; top: 0px; } .ytp-ce-element.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay { bottom:= 0px; left: 0px; padding-left: 100%; } .ytp-ce-element.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay { bottom= : 0px; padding-right: 100%; right: 0px; } .ytp-ce-element.ytp-ce-website.ytp-ce-element-show, .ytp-ce-element.ytp-ce-= channel.ytp-ce-element-show, .ytp-ce-element.ytp-ce-merchandise.ytp-ce-elem= ent-show, .ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-element= -hover, .ytp-ce-element.ytp-ce-channel.ytp-ce-element-show.ytp-ce-element-h= over, .ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show.ytp-ce-element= -hover, .ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-force-exp= and, .ytp-ce-element.ytp-ce-channel.ytp-ce-element-show.ytp-ce-force-expand= , .ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show.ytp-ce-force-expan= d { border: 0px; margin: 0px; } .ytp-ce-channel-title { font-weight: 500; } .ytp-ce-channel-subscribe { color: rgb(118, 118, 118); display: inline-bloc= k; margin-top: 4px; transform: scale(1); transform-origin: left top; } .ytp-ce-channel-subscribers-text { color: rgb(118, 118, 118); display: none= ; margin-bottom: 24px; margin-top: 6px; } .ytp-ce-channel-metadata { color: rgb(118, 118, 118); } .ytp-ce-channel-this .ytp-ce-channel-metadata { border-top: 1px solid rgb(2= 35, 235, 235); display: none; } .ytp-ce-channel-that .ytp-ce-channel-metadata { font-size: 12px; line-heigh= t: 14px; margin-top: 4px; max-height: 42px; } .ytp-ce-channel, .ytp-ce-channel .ytp-ce-expanding-image, .ytp-ce-channel .= ytp-ce-element-shadow { border-radius: 50%; } .ytp-ce-website-title, .ytp-ce-merchandise-title { color: rgb(51, 51, 51); = font-weight: 500; margin-bottom: 2px; } .ytp-ce-website-metadata, .ytp-ce-merchandise-metadata, .ytp-ce-merchandise= -price-container { color: rgb(118, 118, 118); margin-top: 4px; } .ytp-ce-website-goto { display: inline-block; font-weight: 500; margin-top:= 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width= : 100%; } .ytp-ce-website .ytp-ce-expanding-image, .ytp-ce-merchandise .ytp-ce-expand= ing-image { background-color: rgb(255, 255, 255); } .ytp-ce-merchandise-price { display: inline-block; color: rgb(100, 100, 100= ); font-weight: 800; white-space: nowrap; margin-right: 6px; } .ytp-ce-merchandise-additional-fees { display: inline-block; color: rgb(118= , 118, 118); margin-top: 2px; white-space: nowrap; text-overflow: ellipsis;= } .ytp-ce-merchandise-invideo-cta-container { background-color: rgb(0, 0, 0);= border: 1px rgb(0, 0, 0); opacity: 0.8; padding: 10px 0px; width: 100%; bo= ttom: 0px; position: absolute; text-align: center; } .ytp-ce-merchandise-invideo-cta { color: rgb(255, 255, 255); white-space: n= owrap; } .ytp-ce-size-346 .ytp-ce-merchandise-invideo-cta-container, .ytp-ce-size-42= 6 .ytp-ce-merchandise-invideo-cta-container, .ytp-ce-size-470 .ytp-ce-merch= andise-invideo-cta-container { padding: 2px 0px; } .ytp-ce-size-506 .ytp-ce-merchandise-invideo-cta-container, .ytp-ce-size-57= 0 .ytp-ce-merchandise-invideo-cta-container, .ytp-ce-size-640 .ytp-ce-merch= andise-invideo-cta-container, .ytp-ce-size-853 .ytp-ce-merchandise-invideo-= cta-container { padding: 5px 0px; } .ytp-ce-merchandise-goto { display: inline-block; font-weight: 500; margin-= top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w= idth: 100%; } .ytp-ce-size-346 { font-size: 12px; } .ytp-ce-size-346 .ytp-ce-covering-icon { bottom: 4px; right: 4px; } .ytp-ce-size-346 .ytp-ce-expanding-overlay-body-padding { min-width: 115px;= } .ytp-ce-size-346 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-subs= cribe-container) { width: 115px; } .ytp-ce-size-346.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddin= g, .ytp-ce-size-346.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-= padding { margin: 0px 0px 0px 8px; } .ytp-ce-size-346.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-346.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 8px 0px 0px; } .ytp-ce-size-346 .ytp-ce-expanding-overlay-background { margin: -8px; paddi= ng: 8px; } .ytp-ce-size-346 .ytp-ce-expanding-icon { bottom: 2px; right: 2px; } .ytp-ce-size-346.ytp-ce-channel-that .ytp-ce-channel-metadata { margin-top:= 0px; } .ytp-ce-size-426 { font-size: 12px; } .ytp-ce-size-426 .ytp-ce-covering-icon { bottom: 4px; right: 4px; } .ytp-ce-size-426 .ytp-ce-expanding-overlay-body-padding { min-width: 115px;= } .ytp-ce-size-426 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-subs= cribe-container) { width: 115px; } .ytp-ce-size-426.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddin= g, .ytp-ce-size-426.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-= padding { margin: 0px 4px 0px 12px; } .ytp-ce-size-426.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-426.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 12px 0px 4px; } .ytp-ce-size-426 .ytp-ce-expanding-icon { bottom: 4px; right: 4px; } .ytp-ce-size-426.ytp-ce-channel-that .ytp-ce-channel-metadata { margin-top:= 0px; } .ytp-ce-size-346 .ytp-ce-video-title, .ytp-ce-size-346 .ytp-ce-playlist-tit= le, .ytp-ce-size-426 .ytp-ce-video-title, .ytp-ce-size-426 .ytp-ce-playlist= -title, .ytp-ce-size-470 .ytp-ce-merchandise-title { display: inline-block;= overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:= 85%; } .ytp-ce-size-470 { font-size: 12px; } .ytp-ce-size-470 .ytp-ce-website-title, .ytp-ce-size-470 .ytp-ce-channel-ti= tle, .ytp-ce-size-470 .ytp-ce-merchandise-title { font-size: 12px; line-hei= ght: 14px; } .ytp-ce-size-470 .ytp-ce-website-goto, .ytp-ce-size-470 .ytp-ce-merchandise= -goto { font-size: 12px; } .ytp-ce-size-470 .ytp-ce-expanding-overlay-body-padding { min-width: 136px;= } .ytp-ce-size-470 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-subs= cribe-container) { width: 136px; } .ytp-ce-size-470.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddin= g, .ytp-ce-size-470.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-= padding { margin: 0px 4px 0px 12px; } .ytp-ce-size-470.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-470.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 12px 0px 4px; } .ytp-ce-size-470 .ytp-ce-expanding-icon { bottom: 4px; right: 4px; } .ytp-ce-size-506 { font-size: 12px; } .ytp-ce-size-506 .ytp-ce-website-title, .ytp-ce-size-506 .ytp-ce-channel-ti= tle, .ytp-ce-size-506 .ytp-ce-merchandise-title { font-size: 12px; line-hei= ght: 14px; } .ytp-ce-size-506 .ytp-ce-website-goto, .ytp-ce-size-506 .ytp-ce-merchandise= -goto { font-size: 12px; } .ytp-ce-size-506 .ytp-ce-expanding-overlay-body-padding { min-width: 136px;= } .ytp-ce-size-506 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-subs= cribe-container) { width: 136px; } .ytp-ce-size-506.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddin= g, .ytp-ce-size-506.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-= padding { margin: 0px 4px 0px 12px; } .ytp-ce-size-506.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-506.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 12px 0px 4px; } .ytp-ce-size-506 .ytp-ce-expanding-icon { bottom: 4px; right: 4px; } .ytp-ce-size-570 { font-size: 12px; } .ytp-ce-size-570 .ytp-ce-website-title, .ytp-ce-size-570 .ytp-ce-channel-ti= tle, .ytp-ce-size-570 .ytp-ce-merchandise-title { font-size: 12px; line-hei= ght: 14px; } .ytp-ce-size-570 .ytp-ce-website-goto, .ytp-ce-size-570 .ytp-ce-merchandise= -goto { font-size: 12px; } .ytp-ce-size-570 .ytp-ce-expanding-overlay-body-padding { min-width: 136px;= } .ytp-ce-size-570 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-subs= cribe-container) { width: 136px; } .ytp-ce-size-570.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddin= g, .ytp-ce-size-570.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-= padding { margin: 0px 4px 0px 12px; } .ytp-ce-size-570.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-570.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 12px 0px 4px; } .ytp-ce-size-570 .ytp-ce-expanding-icon { bottom: 4px; right: 4px; } .ytp-ce-size-640 { font-size: 12px; } .ytp-ce-size-640 .ytp-ce-video-title, .ytp-ce-size-640 .ytp-ce-playlist-tit= le { font-size: 13px; line-height: 15px; max-height: 30px; } .ytp-ce-size-640 .ytp-ce-website-title, .ytp-ce-size-640 .ytp-ce-channel-ti= tle, .ytp-ce-size-640 .ytp-ce-merchandise-title { font-size: 13px; line-hei= ght: 15px; } .ytp-ce-size-640 .ytp-ce-website-goto, .ytp-ce-size-640 .ytp-ce-merchandise= -goto { font-size: 12px; } .ytp-ce-size-640 .ytp-ce-expanding-overlay-body-padding { min-width: 136px;= } .ytp-ce-size-640 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-subs= cribe-container) { width: 136px; } .ytp-ce-size-640.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddin= g, .ytp-ce-size-640.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-= padding { margin: 0px 8px 0px 16px; } .ytp-ce-size-640.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-640.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 16px 0px 8px; } .ytp-ce-size-640 .ytp-ce-expanding-icon { bottom: 8px; right: 8px; } .ytp-ce-size-853 { font-size: 14px; } .ytp-ce-size-853 .ytp-ce-video-title, .ytp-ce-size-853 .ytp-ce-playlist-tit= le { font-size: 15px; line-height: 18px; margin: 10px 12px; max-height: 36p= x; } .ytp-ce-size-853 .ytp-ce-video-duration { margin: 0px 6px 6px 0px; } .ytp-ce-size-853 .ytp-ce-website-title, .ytp-ce-size-853 .ytp-ce-channel-ti= tle, .ytp-ce-size-853 .ytp-ce-merchandise-title { font-size: 15px; line-hei= ght: 18px; } .ytp-ce-size-853 .ytp-ce-website-goto, .ytp-ce-size-853 .ytp-ce-merchandise= -goto { font-size: 12px; } .ytp-ce-size-853.ytp-ce-channel-this .ytp-ce-channel-metadata { font-size: = 12px; line-height: 14px; margin-top: 8px; padding-top: 8px; max-height: 42p= x; display: block; } .ytp-ce-size-853.ytp-ce-channel-that .ytp-ce-channel-metadata { font-size: = 15px; line-height: 18px; margin-top: 4px; max-height: 54px; } .ytp-ce-size-853 .ytp-ce-expanding-overlay-body-padding { min-width: 176px;= } .ytp-ce-size-853 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-subs= cribe-container) { width: 176px; } .ytp-ce-size-853.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddin= g, .ytp-ce-size-853.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-= padding { margin: 0px 8px 0px 16px; } .ytp-ce-size-853.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-853.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 16px 0px 8px; } .ytp-ce-size-853 .ytp-ce-expanding-icon { background-size: 24px 24px; botto= m: 8px; height: 32px; right: 8px; width: 32px; } .ytp-ce-size-853 .ytp-ce-playlist-icon { left: 8px; top: 4px; } .ytp-ce-size-853 .ytp-ce-playlist-count-text { height: 32px; line-height: 3= 2px; margin-left: 40px; } .ytp-ce-size-1280 { font-size: 18px; } .ytp-ce-size-1280 .ytp-ce-video-title, .ytp-ce-size-1280 .ytp-ce-playlist-t= itle { font-size: 21px; line-height: 24px; margin: 18px 20px; max-height: 4= 8px; } .ytp-ce-size-1280 .ytp-ce-video-duration { margin: 0px 12px 12px 0px; } .ytp-ce-size-1280 .ytp-ce-website-title, .ytp-ce-size-1280 .ytp-ce-channel-= title, .ytp-ce-size-1280 .ytp-ce-merchandise-title { font-size: 21px; line-= height: 24px; } .ytp-ce-size-1280 .ytp-ce-website-metadata, .ytp-ce-size-1280 .ytp-ce-websi= te-goto, .ytp-ce-size-1280 .ytp-ce-merchandise-metadata, .ytp-ce-size-1280 = .ytp-ce-merchandise-goto, .ytp-ce-size-1280 .ytp-ce-merchandise-price-conta= iner { font-size: 18px; margin-top: 8px; } .ytp-ce-size-1280 .ytp-ce-channel-metadata { font-size: 18px; line-height: = 21px; max-height: 63px; } .ytp-ce-size-1280 .ytp-ce-channel-subscribe { height: 32px; transform: scal= e(1.3); } .ytp-ce-size-1280.ytp-ce-channel-that .ytp-ce-channel-subscribers-text { di= splay: block; } .ytp-ce-size-1280.ytp-ce-channel-this .ytp-ce-channel-metadata { margin-top= : 12px; padding-top: 12px; display: block; } .ytp-ce-size-1280 .ytp-ce-expanding-overlay-body-padding { min-width: 264px= ; } .ytp-ce-size-1280 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-sub= scribe-container) { width: 264px; } .ytp-ce-size-1280.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-1280.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 16px 0px 32px; } .ytp-ce-size-1280.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padd= ing, .ytp-ce-size-1280.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-b= ody-padding { margin: 0px 32px 0px 16px; } .ytp-ce-size-1280 .ytp-ce-expanding-overlay-background { margin: -16px; pad= ding: 16px; } .ytp-ce-size-1280 .ytp-ce-expanding-icon { background-size: 32px 32px; bott= om: 10px; height: 40px; right: 10px; width: 40px; } .ytp-ce-size-1280 .ytp-ce-playlist-icon { left: 10px; top: 8px; } .ytp-ce-size-1280 .ytp-ce-playlist-count-text { height: 40px; line-height: = 40px; margin-left: 46px; } .ytp-ce-size-1920 { font-size: 28px; } .ytp-ce-size-1920 .ytp-ce-video-title, .ytp-ce-size-1920 .ytp-ce-playlist-t= itle { font-size: 32px; line-height: 38px; margin: 18px 20px; max-height: 7= 6px; } .ytp-ce-size-1920 .ytp-ce-video-duration { margin: 0px 20px 20px 0px; } .ytp-ce-size-1920 .ytp-ce-website-title, .ytp-ce-size-1920 .ytp-ce-channel-= title, .ytp-ce-size-1920 .ytp-ce-merchandise-title { font-size: 32px; line-= height: 38px; } .ytp-ce-size-1920 .ytp-ce-website-metadata, .ytp-ce-size-1920 .ytp-ce-websi= te-goto, .ytp-ce-size-1920 .ytp-ce-merchandise-metadata, .ytp-ce-size-1920 = .ytp-ce-merchandise-goto, .ytp-ce-size-1920 .ytp-ce-merchandise-price-conta= iner { font-size: 28px; margin-top: 12px; } .ytp-ce-size-1920 .ytp-ce-channel-metadata { font-size: 28px; line-height: = 34px; max-height: 102px; } .ytp-ce-size-1920 .ytp-ce-channel-subscribe { height: 80px; margin-top: -16= px; transform: scale(2.5); } .ytp-ce-size-1920.ytp-ce-channel-that .ytp-ce-channel-subscribers-text { di= splay: block; } .ytp-ce-size-1920.ytp-ce-channel-this .ytp-ce-channel-metadata { display: b= lock; margin-top: 18px; padding-top: 18px; } .ytp-ce-size-1920 .ytp-ce-expanding-overlay-body-padding { min-width: 392px= ; } .ytp-ce-size-1920 .ytp-ce-expanding-overlay-body-padding > :not(.ytp-ce-sub= scribe-container) { width: 392px; } .ytp-ce-size-1920.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-paddi= ng, .ytp-ce-size-1920.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-bod= y-padding { margin: 0px 24px 0px 48px; } .ytp-ce-size-1920.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padd= ing, .ytp-ce-size-1920.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-b= ody-padding { margin: 0px 48px 0px 24px; } .ytp-ce-size-1920 .ytp-ce-expanding-overlay-background { margin: -24px; pad= ding: 24px; } .ytp-ce-size-1920 .ytp-ce-expanding-icon { background-size: 56px 56px; bott= om: 20px; height: 62px; right: 20px; width: 62px; } .ytp-ce-size-1920 .ytp-ce-playlist-icon { left: 12px; top: 12px; height: 32= px; width: 32px; } .ytp-ce-size-1920 .ytp-ce-playlist-count-text { height: 56px; line-height: = 56px; margin-left: 56px; } .ytp-ce-channel-subscribe.ytp-ce-subscribe-button { height: auto; margin-to= p: 0px; transform: scale(1); } .ytp-ce-size-346 .ytp-sb-unsubscribe, .ytp-ce-size-346 .ytp-sb-subscribe, .= ytp-ce-size-426 .ytp-sb-unsubscribe, .ytp-ce-size-426 .ytp-sb-subscribe, .y= tp-ce-size-470 .ytp-sb-unsubscribe, .ytp-ce-size-470 .ytp-sb-subscribe, .yt= p-ce-size-506 .ytp-sb-unsubscribe, .ytp-ce-size-506 .ytp-sb-subscribe { fon= t-size: 11px; padding: 8px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-cued-thumbnail-overlay { position: absolute; width: 100%; height: 100%= ; top: 0px; left: 0px; background-position: center center; background-repea= t: no-repeat; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; back= ground-size: cover; } .ytp-cued-thumbnail-overlay.ytp-exp-contain-thumbnail { background-size: co= ntain; } .ytp-cued-thumbnail-overlay[aria-hidden=3D"true"] { opacity: 0; transition:= opacity 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-cued-thumbnail-overlay-image { background-size: cover; background-posi= tion: center center; background-repeat: no-repeat; width: 100%; height: 100= %; position: absolute; } .ytp-cued-thumbnail-overlay.ytp-exp-contain-thumbnail .ytp-cued-thumbnail-o= verlay-image { background-size: contain; } .unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hi= dden=3D"true"]), .ended-mode .ytp-cued-thumbnail-overlay:not([aria-hidden= =3D"true"]) { cursor: pointer; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-dtts-edu-gradient { position: absolute; inset: 0px; height: 48px; z-in= dex: 19; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0= , 0)); } .ytp-dtts-edu-info-container { margin-top: 12px; display: flex; -webkit-box= -pack: center; justify-content: center; } .ytp-dtts-edu-text { font-size: 12px; text-shadow: rgba(0, 0, 0, 0.1) 0px 0= px 4px; margin: 0px 14px; } .ytp-dtts-edu-left-arrows, .ytp-dtts-edu-right-arrows { white-space: nowrap= ; display: inline-block; } .ytp-dtts-base-arrow { width: 10px; height: 10px; border: 6px solid rgba(0,= 0, 0, 0); display: inline-block; box-sizing: border-box; animation-duratio= n: 0.8s; animation-iteration-count: infinite; } .ytp-dtts-edu-left-arrows .ytp-dtts-base-arrow { border-right: 10px solid r= gb(221, 221, 221); animation-name: fade-out-backward; } .ytp-dtts-edu-right-arrows .ytp-dtts-base-arrow { border-left: 10px solid r= gb(221, 221, 221); animation-name: fade-out-forward; } .ytp-dtts-edu-right-arrows .ytp-dtts-base-arrow:nth-child(2), .ytp-dtts-edu= -left-arrows .ytp-dtts-base-arrow:nth-child(2) { animation-delay: 0.1s; } .ytp-dtts-edu-right-arrows .ytp-dtts-base-arrow:nth-child(3), .ytp-dtts-edu= -left-arrows .ytp-dtts-base-arrow:nth-child(1) { animation-delay: 0.2s; } @-webkit-keyframes fade-out-forward {=20 0% { border-left-color: rgba(0, 0, 0, 0); } 50% { border-left-color: rgb(221, 221, 221); } 100% { border-left-color: rgba(0, 0, 0, 0); } } @keyframes fade-out-forward {=20 0% { border-left-color: rgba(0, 0, 0, 0); } 50% { border-left-color: rgb(221, 221, 221); } 100% { border-left-color: rgba(0, 0, 0, 0); } } @-webkit-keyframes fade-out-backward {=20 0% { border-right-color: rgba(0, 0, 0, 0); } 50% { border-right-color: rgb(221, 221, 221); } 100% { border-right-color: rgba(0, 0, 0, 0); } } @keyframes fade-out-backward {=20 0% { border-right-color: rgba(0, 0, 0, 0); } 50% { border-right-color: rgb(221, 221, 221); } 100% { border-right-color: rgba(0, 0, 0, 0); } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-doubletap-ui { position: absolute; inset: 0px; overflow: hidden; color= : rgb(221, 221, 221); z-index: 19; } .ytp-doubletap-fast-forward-ve, .ytp-doubletap-rewind-ve { opacity: 0; posi= tion: absolute; pointer-events: none; } .ytp-doubletap-overlay-a11y { position: absolute; height: 100%; width: 100%= ; background-color: rgb(0, 0, 0); opacity: 0.2; z-index: -1; } .ytp-doubletap-static-circle { position: absolute; border-radius: 50%; back= ground-color: rgba(0, 0, 0, 0.6); top: 50%; transform: translateY(-50%); ov= erflow: hidden; } .ytp-doubletap-ripple { position: absolute; border-radius: 50%; background-= color: rgba(221, 221, 221, 0.15); animation: 900ms ease 0s 1 normal none ru= nning grow-circle; vertical-align: middle; } @-webkit-keyframes grow-circle {=20 0% { transform: scale(0); } 100% { transform: scale(1) translateY(-25%); } } @keyframes grow-circle {=20 0% { transform: scale(0); } 100% { transform: scale(1) translateY(-25%); } } .ytp-doubletap-seek-info-container { position: relative; top: 50%; } .ytp-doubletap-ui.ytp-time-seeking .ytp-doubletap-overlay-a11y { display: n= one; } .ytp-doubletap-ui.ytp-chapter-seek .ytp-doubletap-seek-info-container { tex= t-align: center; } .ytp-doubletap-ui[data-side=3D"back"]:not(.ytp-chapter-seek) .ytp-doubletap= -seek-info-container { left: 10%; text-align: left; } .ytp-doubletap-ui[data-side=3D"forward"]:not(.ytp-chapter-seek) .ytp-double= tap-seek-info-container { left: 80%; text-align: left; } .ytp-doubletap-tooltip { padding-top: 8px; color: rgb(221, 221, 221); } .ytp-doubletap-ui[data-side=3D"back"] .ytp-doubletap-tooltip { margin-left:= 8px; } .ytp-doubletap-ui[data-side=3D"forward"] .ytp-doubletap-tooltip { margin-le= ft: -5px; } .ytp-doubletap-tooltip-label { text-align: left; font-size: 12px; font-weig= ht: 500; } .ytp-chapter-seek-text { display: none; width: 80%; margin-left: 10%; font-= size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-= overflow: ellipsis; } .ytp-chapter-seek .ytp-chapter-seek-text { display: block; } .ytp-doubletap-arrows-container { white-space: nowrap; } .ytp-doubletap-base-arrow { width: 0px; height: 0px; border-width: 7px 10px= ; border-style: solid; border-color: transparent; border-image: initial; di= splay: inline-block; box-sizing: border-box; animation-duration: 1.2s; anim= ation-iteration-count: infinite; } .ytp-doubletap-ui[data-side=3D"forward"] .ytp-doubletap-base-arrow { border= -left: 11px solid rgb(221, 221, 221); } .ytp-doubletap-ui[data-side=3D"back"] .ytp-doubletap-base-arrow { border-ri= ght: 11px solid rgb(221, 221, 221); } .ytp-doubletap-ui[data-side=3D"forward"] .ytp-doubletap-base-arrow:nth-chil= d(1), .ytp-doubletap-ui[data-side=3D"back"] .ytp-doubletap-base-arrow:nth-c= hild(3) { animation-name: arrow-fade-out-1; } .ytp-doubletap-ui[data-side=3D"forward"] .ytp-doubletap-base-arrow:nth-chil= d(2), .ytp-doubletap-ui[data-side=3D"back"] .ytp-doubletap-base-arrow:nth-c= hild(2) { animation-name: arrow-fade-out-2; } .ytp-doubletap-ui[data-side=3D"forward"] .ytp-doubletap-base-arrow:nth-chil= d(3), .ytp-doubletap-ui[data-side=3D"back"] .ytp-doubletap-base-arrow:nth-c= hild(1) { animation-name: arrow-fade-out-3; } @-webkit-keyframes arrow-fade-out-1 {=20 0% { opacity: 0; } 17% { opacity: 0.9; } 33% { opacity: 0.6; } 50% { opacity: 0.3; } 67% { opacity: 0.3; } 83% { opacity: 0.3; } 100% { opacity: 0; } } @keyframes arrow-fade-out-1 {=20 0% { opacity: 0; } 17% { opacity: 0.9; } 33% { opacity: 0.6; } 50% { opacity: 0.3; } 67% { opacity: 0.3; } 83% { opacity: 0.3; } 100% { opacity: 0; } } @-webkit-keyframes arrow-fade-out-2 {=20 0% { opacity: 0; } 17% { opacity: 0.3; } 33% { opacity: 0.9; } 50% { opacity: 0.6; } 67% { opacity: 0.3; } 83% { opacity: 0.3; } 100% { opacity: 0; } } @keyframes arrow-fade-out-2 {=20 0% { opacity: 0; } 17% { opacity: 0.3; } 33% { opacity: 0.9; } 50% { opacity: 0.6; } 67% { opacity: 0.3; } 83% { opacity: 0.3; } 100% { opacity: 0; } } @-webkit-keyframes arrow-fade-out-3 {=20 0% { opacity: 0; } 17% { opacity: 0.3; } 33% { opacity: 0.3; } 50% { opacity: 0.9; } 67% { opacity: 0.6; } 83% { opacity: 0.3; } 100% { opacity: 0; } } @keyframes arrow-fade-out-3 {=20 0% { opacity: 0; } 17% { opacity: 0.3; } 33% { opacity: 0.3; } 50% { opacity: 0.9; } 67% { opacity: 0.6; } 83% { opacity: 0.3; } 100% { opacity: 0; } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-error { position: absolute; display: flex; -webkit-box-align: center; = align-items: center; -webkit-box-pack: center; justify-content: center; wid= th: 100%; height: 100%; z-index: 43; line-height: 220%; background-color: r= gb(40, 40, 40); } .ytp-embed-error .ytp-error { display: block; } .ytp-error.related-on-error-overlay-visible { line-height: 160%; } .ytp-large-width-mode .ytp-error.related-on-error-overlay-visible { line-he= ight: 220%; } .ytp-error .ytp-error-content a { text-decoration: underline; } .ytp-error .ytp-tv-static { position: absolute; top: 0px; left: 0px; } .ytp-error .ytp-error-content { position: relative; max-width: 85%; -webkit= -box-align: center; align-items: center; -webkit-box-pack: center; justify-= content: center; display: flex; } .ytp-embed-error .ytp-error .ytp-error-content { margin: 0px auto; } .ytp-error .ytp-error-icon-container { height: 64px; width: 64px; min-width= : 64px; min-height: 64px; float: left; } .ytp-error .ytp-error-icon-container svg { max-width: 100%; max-height: 100= %; } .ytp-error .ytp-small-redirect { display: inline; height: 48px; width: 48px= ; position: absolute; bottom: 8px; right: 8px; opacity: 0.7; } .ytp-error.related-on-error-overlay-visible .ytp-small-redirect, .ytp-fulls= creen .ytp-error .ytp-small-redirect { display: none; } .ytp-error .ytp-small-redirect a { display: block; height: 100%; } .ytp-error .ytp-error-content .ytp-error-content-wrap { margin-top: auto; m= argin-bottom: auto; margin-left: 16px; height: 100%; } .ytp-error .ytp-error-content .ytp-error-content-wrap-reason { font-weight:= 500; } .ytp-large-width-mode .ytp-error .ytp-error-content .ytp-error-icon-contain= er { height: 96px; width: 96px; min-width: 96px; min-height: 96px; } .ytp-large-width-mode .ytp-error .ytp-small-redirect { height: 60px; width:= 60px; } .ytp-error .ytp-error-content .ytp-error-content-wrap-reason { font-size: 2= 2px; padding-bottom: 10px; } .ytp-error.related-on-error-overlay-visible .ytp-error-content .ytp-error-c= ontent-wrap-reason { font-size: 16px; padding-bottom: 2px; } .ytp-large-width-mode .ytp-error.related-on-error-overlay-visible .ytp-erro= r-content .ytp-error-content-wrap-reason { font-size: 22px; padding-bottom:= 10px; } .ytp-error .ytp-error-content .ytp-error-content-wrap-subreason { font-size= : 18px; } .ytp-error.related-on-error-overlay-visible .ytp-error-content .ytp-error-c= ontent-wrap-subreason { font-size: 14px; } .ytp-large-width-mode .ytp-error .ytp-error-content .ytp-error-content-wrap= -subreason { font-size: 18px; } .ytp-small-mode .ytp-error .ytp-error-content { line-height: 150%; } .ytp-small-mode .ytp-error .ytp-error-content .ytp-error-icon-container { h= eight: 32px; width: 32px; min-width: 32px; min-height: 32px; } .ytp-tiny-mode .ytp-error-icon-container { display: none; } .ytp-small-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-reaso= n { font-size: 14px; padding-bottom: 4px; } .ytp-small-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-subre= ason, .ytp-tiny-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-= reason { font-size: 12px; } .ytp-tiny-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-subrea= son { font-size: 10px; } .ytp-small-mode .ytp-error .ytp-small-redirect { height: 24px; width: 24px;= } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-large-play-button { position: absolute; left: 50%; top: 50%; width: 68= px; height: 48px; margin-left: -34px; margin-top: -24px; transition: opacit= y 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; z-index: 63; } .ytp-dni .ytp-large-play-button, .ytp-dni.ytp-small-mode .ytp-large-play-bu= tton, .ytp-dni.ytp-big-mode .ytp-large-play-button { width: 75px; height: 7= 5px; margin-left: -37.5px; margin-top: -37.5px; } .house-brand .ytp-large-play-button { width: 60px; height: 60px; margin-lef= t: -30px; margin-top: -30px; } .ytp-large-play-button svg { height: 100%; left: 0px; position: absolute; t= op: 0px; width: 100%; } .ytp-large-play-button .ytp-icon-dni-large-play-button { position: absolute= ; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; } .ytp-dni .ytp-cued-thumbnail-overlay .ytp-large-play-button-circle { border= -radius: 50%; opacity: 0.81; position: absolute; width: 100%; height: 100%;= left: 0px; top: 0px; } .ytp-dni .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-circle { = opacity: 1; } .ytp-dni .ytp-cued-thumbnail-overlay .ytp-dni-large-play-button-bg { transi= tion: fill 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, fill-opacity 0.1s cubic-bezi= er(0.4, 0, 1, 1) 0s; fill-opacity: 0.8; } .ytp-dni .ytp-cued-thumbnail-overlay:hover .ytp-dni-large-play-button-bg { = transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1) 0s, fill-opacity 0.1s cubi= c-bezier(0, 0, 0.2, 1) 0s; fill-opacity: 1; } .ytp-big-mode .ytp-large-play-button { width: 102px; height: 72px; margin-l= eft: -51px; margin-top: -36px; } .house-brand.ytp-big-mode .ytp-large-play-button { width: 90px; height: 90p= x; margin-left: -45px; margin-top: -45px; } .ytp-menu-shown .ytp-large-play-button, .ytp-cued-thumbnail-overlay[aria-hi= dden=3D"true"] .ytp-large-play-button { display: none; } .ytp-muted-autoplay-end-panel .ytp-large-play-button { display: block; } .ytp-large-play-button-bg { transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1= ) 0s, fill-opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; fill: rgb(33, 33, 33= ); fill-opacity: 0.8; } .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg, .ytp-cue= d-thumbnail-overlay:hover .ytp-large-play-button-bg, .ytp-muted-autoplay-en= dscreen-overlay:hover .ytp-large-play-button-bg { transition: fill 0.1s cub= ic-bezier(0, 0, 0.2, 1) 0s, fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s= ; fill: rgb(255, 0, 0); fill-opacity: 1; } .ytp-color-party .ytp-large-play-button.ytp-touch-device .ytp-large-play-bu= tton-bg, .ytp-color-party .ytp-cued-thumbnail-overlay:hover .ytp-large-play= -button-bg, .ytp-color-party .ytp-muted-autoplay-endscreen-overlay:hover .y= tp-large-play-button-bg { animation: 0.15s linear 0s infinite normal none r= unning ytp-party-fill; } .house-brand .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg, .= house-brand .ytp-muted-autoplay-endscreen-overlay:hover .ytp-large-play-but= ton-bg { fill: rgb(0, 0, 0); } .ytp-linked-account-popup-container { width: 100%; height: 100%; display: f= lex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-di= rection: row; -webkit-box-align: center; align-items: center; justify-conte= nt: space-around; } .ytp-linked-account-popup { position: absolute; z-index: 72; overflow: hidd= en auto; background: white; font-size: 14px; font-weight: 400; line-height:= 20px; color: rgba(17, 17, 17, 0.8); font-family: "YouTube Noto", Roboto, A= rial, Helvetica, sans-serif; display: block; width: 400px; } .ytp-linked-account-popup-buttons { padding: 8px 8px 8px 24px; border-top: = 1px solid rgb(238, 238, 238); -webkit-box-pack: end; justify-content: flex-= end; display: flex; } .ytp-linked-account-popup-button { font-weight: 500; letter-spacing: 0.007p= x; line-height: 20px; text-transform: uppercase; color: rgb(6, 95, 212); ba= ckground-color: transparent; cursor: pointer; padding: 10px 16px; } .ytp-linked-account-popup-title { font-size: 16px; line-height: 28px; margi= n: 16px 24px; color: rgb(3, 3, 3); } .ytp-linked-account-popup-description { padding: 0px 24px; margin: 4px 0px = 24px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-mdx-manual-pairing-popup-ok { font-weight: 500; font-size: 14px; margi= n: 12px 0px; padding: 10px 20px; border-radius: 2px; background: rgb(102, 1= 02, 102); text-transform: uppercase; } .ytp-mdx-manual-pairing-popup-learn-more { font-weight: 500; font-size: 14p= x; margin: 12px 0px; padding: 10px 20px; border-radius: 2px; text-transform= : uppercase; } .ytp-mdx-manual-pairing-popup-dialog { position: absolute; top: 0px; left: = 0px; width: 100%; height: 100%; z-index: 75; background: rgba(0, 0, 0, 0.8)= ; text-align: center; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) = 0s; } .ytp-mdx-manual-pairing-popup-dialog-inner-content { position: absolute; to= p: 50%; margin-top: -70px; left: 0px; right: 0px; padding: 0px 20%; } .ytp-mdx-manual-pairing-popup-title { font-size: 20px; padding-bottom: 16px= ; } .ytp-mdx-manual-pairing-popup-buttons { margin-top: 20px; height: 44px; } .ytp-big-mode .mdx-manual-pairing-popup-buttons { margin-top: 30px; height:= 67px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-mdx-privacy-popup-confirm { font-weight: 500; font-size: 14px; margin:= 12px 0px; padding: 10px 20px; border-radius: 2px; background: rgb(102, 102= , 102); text-transform: uppercase; } .ytp-mdx-privacy-popup-cancel { font-weight: 500; font-size: 14px; margin: = 12px 0px; padding: 10px 20px; border-radius: 2px; text-transform: uppercase= ; } .ytp-mdx-popup-dialog { position: absolute; top: 0px; left: 0px; width: 100= %; height: 100%; z-index: 75; background: rgba(0, 0, 0, 0.8); text-align: c= enter; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-mdx-popup-dialog-inner-content { position: absolute; top: 50%; margin-= top: -70px; left: 0px; right: 0px; padding: 0px 20%; } .ytp-mdx-popup-title { font-size: 20px; padding-bottom: 16px; } .ytp-mdx-popup-description { font-size: 14px; } .ytp-mdx-privacy-popup-buttons { margin-top: 20px; height: 44px; } .ytp-big-mode .mdx-privacy-popup-buttons { margin-top: 30px; height: 67px; = } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .html5-video-player.ytp-player-minimized:not(.ended-mode):not(.cued-mode):n= ot(.unstarted-mode) { overflow: visible; } .ytp-player-minimized .ytp-ypc-player-content { display: none; } .ytp-miniplayer-ui { height: 100%; width: 100%; position: absolute; top: 0p= x; z-index: 68; } .ytp-miniplayer-scrim { width: 100%; height: 100%; background-color: rgba(0= , 0, 0, 0.5); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; o= pacity: 0; display: flex; -webkit-box-align: center; align-items: center; -= webkit-box-pack: center; justify-content: center; } .ytp-miniplayer-scrim:focus-within, .html5-video-player.ytp-player-minimize= d.unstarted-mode .ytp-miniplayer-scrim, .ytp-miniplayer-scrim:hover { opaci= ty: 1; } .ytp-miniplayer-buttons { display: none; } .ytp-player-minimized.ended-mode .ytp-miniplayer-buttons, .ytp-player-minim= ized.ad-showing .ytp-miniplayer-buttons { display: block; } .ytp-miniplayer-close-button { position: absolute; top: 0px; right: 0px; wi= dth: 40px; height: 40px; padding: 8px; z-index: 68; } .ytp-miniplayer-expand-watch-page-button { position: absolute; width: 40px;= height: 40px; padding: 8px; z-index: 68; } .ytp-miniplayer-ui .ytp-subtitles-button { position: absolute; bottom: 4px;= right: 40px; width: 40px; height: 40px; padding: 4px; z-index: 68; } .ytp-miniplayer-ui .ytp-mute-button { position: absolute; bottom: 4px; righ= t: 0px; width: 40px; height: 40px; padding: 4px; z-index: 68; } .ytp-miniplayer-expand-watch-page-button.ytp-miniplayer-button-bottom-right= { bottom: 4px; right: 0px; } .ytp-miniplayer-expand-watch-page-button.ytp-miniplayer-button-top-left { t= op: 0px; left: 0px; } .ytp-miniplayer-replay-button { position: absolute; left: 8px; bottom: 8px;= width: 32px; height: 32px; z-index: 68; } .ytp-player-minimized.ad-showing .ytp-miniplayer-replay-button { display: n= one; } .ytp-miniplayer-controls { direction: ltr; display: flex; width: 264px; -we= bkit-box-align: center; align-items: center; -webkit-box-pack: justify; jus= tify-content: space-between; } .ytp-miniplayer-button-container { min-width: 64px; } .ytp-miniplayer-ui .ytp-play-button { width: 72px; height: 72px; } .ytp-miniplayer-ui .ytp-prev-button, .ytp-miniplayer-ui .ytp-next-button { = display: inline-block; width: 64px; height: 64px; } .ytp-miniplayer-ui .ytp-time-display { position: absolute; left: 7px; botto= m: 0px; } .ytp-miniplayer-ui .ytp-time-display .ytp-live-badge { display: none; width= : auto; text-transform: uppercase; } .ytp-miniplayer-ui .ytp-time-display.ytp-live .ytp-live-badge { display: in= line-block; } .ytp-player-minimized.ad-showing .ytp-miniplayer-ui { display: none; } .ytp-player-minimized .ytp-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-t= ooltip-title { width: 200%; text-align: center; right: 48px; } .ytp-player-minimized .ytp-drag .ytp-exp-chapter-hover-effect, .ytp-player-= minimized .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-effect, = .ytp-player-minimized .ytp-progress-bar-container:hover .ytp-exp-chapter-ho= ver-container:hover { bottom: 1px; transform: scaleY(1.4); transition: tran= sform 0.1s cubic-bezier(0, 0, 0.2, 1) 0s, -webkit-transform 0.1s cubic-bezi= er(0, 0, 0.2, 1) 0s; } .ytp-player-minimized .ytp-progress-bar-container { position: absolute; bot= tom: -1px; z-index: 69; } .ytp-player-minimized:not(.ad-showing) .ytp-progress-bar-container:hover { = bottom: 0px; } .ytp-player-minimized .video-ads, .ytp-player-minimized.ytp-menu-shown .vid= eo-ads { display: block; } .ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay { overflow: hid= den; } .ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-flyout-cta, .yt= p-player-minimized.ytp-menu-shown .ytp-ad-preview-container, .ytp-player-mi= nimized.ytp-menu-shown .ytp-ad-skip-button-container { bottom: 32px; } .ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-instream-info {= bottom: 3px; left: 6px; } .ytp-player-minimized .ytp-tooltip.ytp-text-detail .ytp-tooltip-title { tex= t-transform: capitalize; font-size: 12px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-music-player .ytp-chrome-bottom { height: 49px; } .ytp-small-mode.ytp-music-player .ytp-chrome-bottom { height: 36px; } .ytp-music-player .ytp-chrome-controls { height: 49px; line-height: 49px; } .ytp-small-mode.ytp-music-player .ytp-chrome-controls { height: 36px; line-= height: 36px; } .ytp-big-mode.ytp-music-player .ytp-chrome-bottom { height: 54px; } .ytp-big-mode.ytp-music-player .ytp-chrome-controls { height: 54px; line-he= ight: 54px; } .ytp-music-player .ytp-chrome-bottom .ytp-top-controls { display: flex; -we= bkit-box-pack: justify; justify-content: space-between; -webkit-box-align: = end; align-items: flex-end; position: absolute; bottom: 65px; width: 100%; = } .ytp-small-mode.ytp-music-player .ytp-chrome-bottom .ytp-top-controls { bot= tom: 46px; } .ytp-big-mode.ytp-music-player .ytp-chrome-bottom .ytp-top-controls { botto= m: 70px; } .ytp-music-cued-overlay { position: absolute; width: 100%; height: 100%; to= p: 0px; left: 0px; background-position: center center; background-repeat: n= o-repeat; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; backgrou= nd-size: cover; } .ytp-hide-controls .ytp-music-cued-overlay .ytp-gradient-bottom { display: = block; } .ytp-music-cued-overlay-image { background-size: cover; background-position= : center center; background-repeat: no-repeat; width: 100%; height: 100%; p= osition: absolute; } .ytp-music-cued-atv.ytp-music-cued-overlay-image { background-size: contain= ; } .ytp-music-cued-overlay-bottom-content { display: flex; box-sizing: border-= box; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 16px= ; z-index: 60; } .ytp-music-cued-overlay-bottom-content[aria-hidden=3D"true"] { opacity: 0; = transition: opacity 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-music-cued-overlay-bottom-content .ytp-youtube-music-button { align-se= lf: flex-end; } .ytp-music-play-button { width: 48px; height: 48px; border-radius: 50%; mar= gin: 0px 16px 0px 0px; } .ytp-small-mode .ytp-music-play-button { width: 40px; height: 40px; } .ytp-big-mode .ytp-music-play-button { width: 54px; height: 54px; } .html5-endscreen.ytp-music-endscreen { position: absolute; inset: 0px; back= ground: rgba(0, 0, 0, 0.65); text-align: center; } .ytp-music-cover-art-thumbnail { display: block; height: 100%; width: 100%;= position: absolute; z-index: 11; background-color: rgb(0, 0, 0); backgroun= d-position: center center; background-repeat: no-repeat; background-size: c= ontain; } .ytp-music-endscreen .ytp-music-endscreen-content { margin: 48px 0px 24px; = padding: 0px 16px; } .ytp-small-mode .ytp-music-endscreen .ytp-music-endscreen-content { margin:= 24px 0px; } .ytp-music-endscreen .ytp-music-endscreen-heading { font-size: 20px; } .ytp-music-endscreen .ytp-music-endscreen-byline { display: block; font-siz= e: 14px; margin-top: 8px; } .ytp-music-endscreen .hidden { display: none; } .ytp-music-endscreen .ytp-music-endscreen-buttons-container { display: flex= ; -webkit-box-pack: center; justify-content: center; margin-top: 24px; } .ytp-music-endscreen .ytp-music-endscreen-button { display: inline-block; h= eight: 36px; line-height: 36px; padding: 0px 16px; border-radius: 2px; font= -size: 14px; font-weight: 500; text-transform: uppercase; background: rgb(2= 55, 255, 255); color: rgb(19, 19, 19); overflow: hidden; white-space: nowra= p; text-overflow: ellipsis; } .ytp-big-mode .ytp-music-endscreen .ytp-music-endscreen-byline, .ytp-big-mo= de .ytp-music-endscreen .ytp-music-endscreen-button { font-size: 18px; } .ytp-music-endscreen .ytp-music-endscreen-button:hover { color: rgb(19, 19,= 19); } .ytp-small-mode .ytp-music-controls .ytp-play-button { width: 36px; } .ytp-music-controls .ytp-share-button, .ytp-music-controls .ytp-copylink-bu= tton, .ytp-music-controls .ytp-like-button { margin: 0px 6px 0px 0px; } .ytp-music-controls .ytp-copylink-icon, .ytp-music-controls .ytp-share-icon= { height: 49px; } .ytp-small-mode .ytp-music-controls .ytp-copylink-icon, .ytp-small-mode .yt= p-music-controls .ytp-share-icon { width: 32px; height: 36px; } .ytp-big-mode .ytp-music-controls .ytp-copylink-icon, .ytp-big-mode .ytp-mu= sic-controls .ytp-share-icon { height: 54px; } .ytp-music-controls .ytp-like-icon { width: 24px; height: 49px; padding: 0p= x 6px; } .ytp-small-mode .ytp-music-controls .ytp-like-icon { width: 20px; height: 3= 6px; } .ytp-big-mode .ytp-music-controls .ytp-like-icon { width: 32px; height: 54p= x; } .ytp-music-controls .ytp-like-icon svg { width: 100%; height: 100%; } .ytp-small-mode .ytp-music-controls .ytp-fullscreen-button { width: 32px; } .ytp-music-controls .ytp-share-title { display: none; } .ytp-youtube-music-button { -webkit-box-flex: 0; flex: 0 0 auto; padding-le= ft: 16px; } .ytp-youtube-music-button svg { width: 77px; } .ytp-big-mode .ytp-youtube-music-button svg { width: 105px; } .ytp-youtube-music-button.ytp-youtube-music-logo-icon-only svg { width: 24p= x; } .ytp-music-video-details { -webkit-box-flex: 1; flex: 1 1 0px; align-self: = center; min-width: 0px; color: rgb(255, 255, 255); } .ytp-hide-info-bar .ytp-music-video-details { display: none; } .ytp-music-video-details-title { display: block; font-size: 18px; font-weig= ht: 500; margin: 0px 0px 4px; overflow: hidden; text-overflow: ellipsis; wh= ite-space: nowrap; } .ytp-small-mode .ytp-music-video-details-title { font-size: 14px; } .ytp-big-mode .ytp-music-video-details-title { font-size: 22px; } .ytp-music-video-details-byline { display: block; font-size: 14px; overflow= : hidden; text-overflow: ellipsis; white-space: nowrap; } .ytp-small-mode .ytp-music-video-details-byline { font-size: 12px; } .ytp-big-mode .ytp-music-video-details-byline { font-size: 18px; } .ytp-music-video-details-byline a:hover { text-decoration: underline; } .ytp-title-notifications { align-self: center; margin-right: 5px; text-alig= n: center; } .ytp-title-notifications:not(.ytp-notifications-enabled) .ytp-title-notific= ations-on, .ytp-title-notifications.ytp-notifications-enabled .ytp-title-no= tifications-off { display: none; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-offline-slate { z-index: 21; overflow: hidden; } .ytp-offline-slate-background { background: center center / contain no-repe= at; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-i= ndex: 22; } .ytp-offline-slate.ytp-offline-slate-premiere-trailer .ytp-offline-slate-ba= ckground { display: none; } .html5-video-player.ended-mode .ytp-offline-slate.ytp-offline-slate-premier= e-trailer .ytp-offline-slate-background { display: block; } .ytp-offline-slate:not(.ytp-offline-slate-premiere-trailer) .ytp-offline-sl= ate-bar-fade.ytp-offline-slate-bar { display: none; } .ytp-offline-slate-bar { position: absolute; display: flex; -webkit-box-ali= gn: center; align-items: center; padding: 0px 6px; left: 12px; height: 56px= ; bottom: 52px; box-sizing: border-box; text-align: left; text-transform: u= ppercase; background: rgba(0, 0, 0, 0.8); border-radius: 5px; color: rgb(25= 5, 255, 255); transition: bottom 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; z-ind= ex: 45; } .ytp-exp-bigger-button-like-mobile .ytp-offline-slate-bar { bottom: 60px; } .ytp-big-mode .ytp-offline-slate-bar { padding: 0px 9px; height: 84px; bott= om: 78px; left: 18px; } .ytp-exp-bigger-button-like-mobile.ytp-big-mode .ytp-offline-slate-bar { bo= ttom: 90px; } .ytp-autohide .ytp-offline-slate-bar, .ytp-hide-controls .ytp-offline-slate= -bar { bottom: 12px; transition: bottom 0.1s cubic-bezier(0.4, 0, 1, 1) 0s;= } .ytp-autohide .ytp-big-mode .ytp-offline-slate-bar, .ytp-hide-controls .ytp= -big-mode .ytp-offline-slate-bar { bottom: 18px; } .ytp-offline-slate-icon { margin: 0px 14px; width: 24px; } .ytp-big-mode .ytp-offline-slate-icon { width: 36px; } .ytp-offline-slate-buttons { margin: 12px 6px; } .ytp-offline-slate-button { min-width: 80px; height: 32px; padding: 0px 8px= ; background: rgba(255, 255, 255, 0.25); border-radius: 2px; } .ytp-offline-slate-button-icon { display: inline-block; vertical-align: mid= dle; height: 24px; } .ytp-offline-slate-button-text { display: inline-block; vertical-align: mid= dle; margin: 0px 8px; line-height: 32px; font-size: 110%; font-weight: 500;= } .ytp-reminder-menu { background: rgba(28, 28, 28, 0.9); border-radius: 2px;= bottom: 55px; outline: none; overflow: hidden; position: absolute; text-sh= adow: rgba(0, 0, 0, 0.5) 0px 0px 2px; white-space: nowrap; transition: opac= ity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; user-select: none; } .ytp-reminder-menu[aria-hidden=3D"true"] { opacity: 0; transition: opacity = 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-reminder-menu-contents { box-sizing: border-box; color: rgb(238, 238, = 238); display: table; padding: 8px 0px; width: 100%; } .ytp-reminder-menu-item { cursor: default; display: table-row; height: 40px= ; outline: none; } .ytp-big-mode .ytp-reminder-menu-item { height: 49px; } .ytp-reminder-menu-item:not([aria-disabled=3D"true"]) { cursor: pointer; } .ytp-reminder-menu-item:not([aria-disabled=3D"true"]):hover { background-co= lor: rgba(255, 255, 255, 0.1); } .ytp-reminder-menu-item-label { display: table-cell; padding: 0px 15px; ver= tical-align: middle; } .ytp-reminder-menu-item-icon { display: table-cell; vertical-align: middle;= } .ytp-reminder-menu-item-label { font-size: 118%; font-weight: 500; padding-= left: 0px; text-transform: none; } .ytp-big-mode .ytp-reminder-menu-item-label { padding: 0px 15px 0px 0px; } .ytp-reminder-menu-item-icon { padding: 0px 10px; } .ytp-big-mode .ytp-reminder-menu-item-icon { padding: 0px 15px; } .ytp-reminder-menu-item-icon svg { display: block; height: 24px; width: 24p= x; } .ytp-big-mode .ytp-reminder-menu-item-icon svg { height: 36px; width: 36px;= } .ytp-big-mode .ytp-offline-slate-buttons { margin: 18px 9px; } .ytp-big-mode .ytp-offline-slate-button { min-width: 120px; height: 48px; p= adding: 0px 12px; border-radius: 3px; } .ytp-big-mode .ytp-offline-slate-button-text { margin: 0px 12px; line-heigh= t: 48px; font-size: 130%; font-weight: 500; } .ytp-offline-slate-messages { -webkit-box-flex: 1; flex: 1 1 0%; min-width:= 180px; margin: 0px 6px; } .ytp-big-mode .ytp-offline-slate-messages { min-width: 270px; margin: 0px 9= px; } .ytp-offline-slate-main-text, .ytp-offline-slate-subtitle-text { text-trans= form: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;= } .ytp-offline-slate-main-text { font-size: 140%; font-weight: normal; } .ytp-offline-slate-subtitle-text { font-size: 110%; font-weight: 500; } .ytp-offline-slate-description, .ytp-offline-slate-close-button, .ytp-offli= ne-slate-open-button, .ytp-offline-slate-trailer-chip { display: none; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar { -webkit-box-or= ient: vertical; -webkit-box-direction: normal; flex-direction: column; -web= kit-box-align: start; align-items: flex-start; inset: 0px 0px 0px auto; pad= ding: 48px 25px 25px; min-width: auto; width: 300px; height: auto; border-r= adius: 0px; transition: right 0.25s ease-in-out 0s; z-index: 23; } .ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar { = padding-top: 69px; } .ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offline-slat= e-bar, .ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offli= ne-slate-close-button, .ytp-player-minimized .ytp-offline-slate-premiere-tr= ailer.ytp-offline-slate-collapsed .ytp-offline-slate-open-button, .ytp-play= er-minimized .ytp-offline-slate-premiere-trailer .ytp-offline-slate-trailer= -chip, .ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offli= ne-slate-bar { display: none; } .ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offlin= e-slate-bar { right: -100%; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-icon { display: none= ; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-close-button, .ytp-o= ffline-slate-premiere-trailer .ytp-offline-slate-open-button { position: ab= solute; width: 50px; height: 50px; top: 50%; right: 0px; margin-top: -25px;= z-index: 23; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-close-button { displ= ay: block; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-open-button::before = { background: rgba(0, 0, 0, 0.8); content: ""; display: block; height: 28px= ; left: 15px; position: absolute; top: 10px; width: 20px; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-open-button svg { po= sition: absolute; left: 0px; top: 0px; } .ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offlin= e-slate-close-button { display: none; } .ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offlin= e-slate-open-button { display: block; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-messages { -webkit-b= ox-flex: 0; flex: 0 0 auto; margin: 0px; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-main-text { font-siz= e: 20px; font-weight: 500; height: auto; } .ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-main-t= ext { margin-top: 0px; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-subtitle-text { colo= r: rgb(170, 170, 170); font-size: 13px; line-height: 1.3em; margin: 5px 0px= 20px; white-space: normal; } .ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-subtit= le-text { margin-left: 0px; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-description { displa= y: block; text-transform: none; font-size: 13px; margin: 20px 0px; max-heig= ht: 300px; overflow: hidden; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-buttons { margin-lef= t: 0px; margin-right: 0px; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-buttons .ytp-reminde= r-menu { bottom: auto; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-button { background:= rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); font-size: 14px; heig= ht: auto; padding: 4px 8px; text-transform: uppercase; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-button svg { fill: r= gb(255, 255, 255); } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-button-text { font-s= ize: 110%; line-height: 32px; margin: 0px 8px; } .ytp-offline-slate-premiere-trailer .ytp-offline-slate-trailer-chip { displ= ay: block; position: absolute; background: rgba(0, 0, 0, 0.8); border-radiu= s: 2px; bottom: 59px; margin-left: 12px; overflow: hidden; padding: 5px; po= inter-events: none; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; z-index: 2= 3; } .ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-traile= r-chip { border-radius: 4px; bottom: 90px; margin-left: 24px; } .ytp-autohide .ytp-offline-slate-premiere-trailer .ytp-offline-slate-traile= r-chip { bottom: 10px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-chrome-top .ytp-overflow-button { width: auto; height: auto; min-width= : 48px; } .ytp-embed:not(.ad-showing).ytp-small-mode .ytp-overflow-button { padding-t= op: 16px; } .ytp-overflow-icon { margin: auto; width: 36px; height: 36px; vertical-alig= n: middle; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-overflow-panel { position: absolute; top: 0px; left: 0px; width: 100%;= height: 100%; z-index: 74; background: rgba(0, 0, 0, 0.8); text-align: cen= ter; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-overflow-panel[aria-hidden=3D"true"] { opacity: 0; transition: opacity= 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-autohide.ytp-embed-overlays-autohide .ytp-overflow-panel { opacity: 0;= transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide .ytp-ov= erflow-panel { display: none; } .ytp-overflow-panel-content { position: absolute; top: 50%; left: 0px; righ= t: 0px; margin-top: -48px; } .ytp-overflow-panel-close { position: absolute; top: 6px; right: 12px; padd= ing: 0px; width: 36px; height: 36px; } .ytp-overflow-panel-close path { fill: rgb(170, 170, 170); } .ytp-overflow-panel-close:hover path { fill: rgb(255, 255, 255); } .ytp-overflow-panel-action-buttons { display: flex; flex-wrap: nowrap; -web= kit-box-pack: center; justify-content: center; -webkit-box-align: start; al= ign-items: flex-start; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .html5-video-player.ended-mode .ytp-paid-content-overlay { display: none; } .ytp-paid-content-overlay { border-radius: 2px; bottom: 45px; display: inli= ne-block; font-size: 109.091%; height: 30px; left: 25px; line-height: 30px;= overflow: hidden; pointer-events: none; position: absolute; text-shadow: r= gba(0, 0, 0, 0.5) 0px 0px 2px; z-index: 26; } .ytp-exp-bigger-button-like-mobile .ytp-paid-content-overlay { bottom: 53px= ; } .ytp-paid-content-overlay-text { background-color: rgba(0, 0, 0, 0.6); font= -size: 14px; font-weight: 500; line-height: 32px; opacity: 1; padding: 0px = 14px; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-big-mode .ytp-paid-content-overlay { bottom: 62px; height: 42px; left:= 44px; line-height: 42px; } .ytp-autohide .ytp-paid-content-overlay, .ytp-iv-drawer-open .ytp-paid-cont= ent-overlay { bottom: 6px; transition: bottom 0.1s cubic-bezier(0.4, 0, 1, = 1) 0s; } .ytp-big-mode.ytp-autohide .ytp-paid-content-overlay, .ytp-big-mode.ytp-iv-= drawer-open .ytp-paid-content-overlay { bottom: 12px; } .ytp-paid-content-overlay-text[aria-hidden=3D"true"] { opacity: 0; transiti= on: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-chrome-controls .ytp-play-button { width: 46px; } .ytp-big-mode .ytp-chrome-controls .ytp-play-button { width: 69px; } .ytp-chrome-controls .ytp-play-button-playlist { width: 40px; } .ytp-big-mode .ytp-chrome-controls .ytp-play-button-playlist { width: 60px;= } .ytp-play-button, .ytp-next-button, .ytp-prev-button { -webkit-box-flex: 0;= flex: 0 0 auto; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-chrome-top .ytp-playlist-menu-button, .ytp-embed-playlist.ytp-big-mode= .ytp-chrome-top .ytp-playlist-menu-button { width: auto; height: auto; } .ytp-embed:not(.ad-showing).ytp-small-mode .ytp-playlist-menu-button { padd= ing-top: 16px; } .ytp-playlist-menu-button-icon { width: 36px; height: 36px; } .ytp-embed-playlist .ytp-playlist-menu-button-icon { margin: auto; } .ytp-big-mode .ytp-playlist-menu-button-icon { width: 54px; height: 54px; } .ytp-playlist-menu-button-text { padding-right: 6px; line-height: 36px; opa= city: 1; } .ytp-embed-playlist:not(.ytp-small-mode) .ytp-playlist-menu-button { margin= -left: 10px; margin-right: 10px; } .ytp-embed-playlist .ytp-playlist-menu-button-text { padding: 0px; line-hei= ght: inherit; opacity: initial; font-weight: 500; text-align: center; font-= size: 14px; } .ytp-embed-playlist .ytp-playlist-menu-button-icon, .ytp-embed-playlist .yt= p-playlist-menu-button-text { display: block; } .ytp-playlist-menu-button-tiny .ytp-playlist-menu-button-text, .ytp-embed-p= laylist.ytp-small-mode .ytp-playlist-menu-button-text { display: none; } .ytp-big-mode .ytp-playlist-menu-button-text { line-height: 54px; } .ytp-embed-playlist.ytp-big-mode .ytp-playlist-menu-button-text { line-heig= ht: inherit; font-size: 20px; } .ytp-playlist-menu-button-icon, .ytp-playlist-menu-button-text { vertical-a= lign: middle; display: inline-block; } .ytp-playlist-menu-button { min-width: 48px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-promotooltip-wrapper { margin: 0px; padding: 0px; border: 0px; display= : block; min-width: 0px; min-height: 0px; max-width: 300px; max-height: 140= px; position: relative; z-index: 1002; } .ytp-fullscreen .ytp-promotooltip-wrapper { max-width: 450px; max-height: 2= 10px; } .ytp-promotooltip-container { background-color: rgb(6, 95, 212); color: rgb= (255, 255, 255); font-size: 110%; font-weight: 400; line-height: 20px; text= -transform: none; } .ytp-promotooltip-content { padding: 16px 16px 4px; } .ytp-fullscreen .ytp-promotooltip-content { padding: 24px 24px 6px; } .ytp-promotooltip-title { margin-bottom: 8px; font-size: 120%; font-weight:= 500; line-height: 16px; } .ytp-fullscreen .ytp-promotooltip-title { margin-bottom: 12px; line-height:= 24px; } .ytp-promotooltip-buttons { padding: 8px 4px; display: flex; -webkit-box-or= ient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webk= it-box-pack: end; justify-content: flex-end; } .ytp-fullscreen .ytp-promotooltip-buttons { padding: 12px 6px; } .ytp-promotooltip-accept-button, .ytp-promotooltip-dismiss-button { display= : inline-block; text-transform: uppercase; vertical-align: middle; white-sp= ace: nowrap; font-size: 120%; font-weight: 500; padding: 10px 16px; cursor:= pointer; } .ytp-fullscreen .ytp-promotooltip-accept-button, .ytp-fullscreen .ytp-promo= tooltip-dismiss-button { padding: 15px 24px; } .ytp-promotooltip-pointer { content: ""; position: absolute; border-style: = solid; top: 100%; border-width: 12px; border-color: rgb(6, 95, 212) transpa= rent transparent; } .ytp-fullscreen .ytp-promotooltip-pointer { border-width: 18px; } .ytp-promotooltip-details-icon { width: 18px; } .ytp-promotooltip-details-icon svg { height: 22px; width: 22px; margin: -7p= x -5px; } .ytp-fullscreen .ytp-promotooltip-details-icon { width: 22px; } .ytp-fullscreen .ytp-promotooltip-details-icon svg { height: 30px; width: 3= 0px; margin: -9px -7px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-replay-button { position: absolute; left: 50%; bottom: 4px; margin-lef= t: -20px; z-index: 60; } .ytp-exp-bigger-button-like-mobile .ytp-replay-button { bottom: 0px; margin= -left: -24px; } .ytp-big-mode .ytp-replay-button { bottom: 7.5px; margin-left: -27px; } .ytp-embed:not(.ad-showing) .ytp-replay-button { bottom: 10px; } .ytp-exp-bigger-button-like-mobile.ytp-embed:not(.ad-showing) .ytp-replay-b= utton { bottom: 6px; } .ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-replay-button { bottom: 24.5p= x; } .ytp-exp-bigger-button-like-mobile.ytp-big-mode.ytp-embed:not(.ad-showing) = .ytp-replay-button { bottom: 20.5px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-settings-button { position: relative; } .ytp-settings-button svg { transition: transform 0.1s cubic-bezier(0.4, 0, = 1, 1) 0s, -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-settings-button[aria-expanded=3D"true"] svg { transform: rotateZ(30deg= ); } .ytp-settings-button.ytp-hd-quality-badge::after { content: ""; position: a= bsolute; top: 10px; right: 5px; height: 9px; width: 13px; background-color:= rgb(255, 0, 0); border-radius: 1px; line-height: normal; } .ytp-settings-button.ytp-hdr-quality-badge::after { content: ""; position: = absolute; top: 10px; background-color: rgb(255, 0, 0); border-radius: 1px; = line-height: normal; } .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-settings-button.ytp-= 5k-quality-badge::after, .ytp-settings-button.ytp-8k-quality-badge::after {= content: ""; position: absolute; top: 10px; right: 5px; height: 9px; width= : 13px; background-color: rgb(255, 0, 0); border-radius: 1px; line-height: = normal; } .ytp-settings-button.ytp-3d-badge-grey::after { content: ""; position: abso= lute; top: 10px; right: 5px; height: 9px; width: 13px; border-radius: 1px; = line-height: normal; } .ytp-settings-button.ytp-3d-badge::after { content: ""; position: absolute;= top: 10px; right: 5px; height: 9px; width: 13px; background-color: rgb(255= , 0, 0); border-radius: 1px; line-height: normal; } .ytp-settings-button.ytp-3d-badge-grey::after { background-color: rgb(102, = 102, 102); } .ytp-color-white .ytp-settings-button.ytp-hd-quality-badge::after, .ytp-col= or-white .ytp-settings-button.ytp-hdr-quality-badge::after, .ytp-color-whit= e .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-color-white .ytp-s= ettings-button.ytp-5k-quality-badge::after, .ytp-color-white .ytp-settings-= button.ytp-8k-quality-badge::after, .ytp-color-white .ytp-settings-button.y= tp-3d-badge-grey::after, .ytp-color-white .ytp-settings-button.ytp-3d-badge= ::after { background-color: rgb(221, 221, 221); } .ytp-color-party .ytp-settings-button.ytp-hd-quality-badge::after, .ytp-col= or-party .ytp-settings-button.ytp-hdr-quality-badge::after, .ytp-color-part= y .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-color-party .ytp-s= ettings-button.ytp-5k-quality-badge::after, .ytp-color-party .ytp-settings-= button.ytp-8k-quality-badge::after, .ytp-color-party .ytp-settings-button.y= tp-3d-badge-grey::after, .ytp-color-party .ytp-settings-button.ytp-3d-badge= ::after { animation: 0.1s linear 0s infinite normal none running ytp-party-= background-color; } .ytp-settings-button.ytp-hd-quality-badge::after { background-image: url("d= ata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdm= ciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTMgOSIgd2lkdGg9I= jEwMCUiPjxwYXRoIGQ9Ik01LDcgTDYsNyBMNiw4IEw1LDggTDUsNyBaIE0xMCwzIEwxMCw0IEw4= LDQgTDgsMyBMMTAsMyBaIE0zLDYgTDMsNSBMNSw1IEw1LDYgTDMsNiBaIE0yLDcgTDMsNyBMMyw= 4IEwyLDggTDIsNyBaIE03LDcgTDEwLDcgTDEwLDggTDcsOCBMNyw3IFogTTEwLDYgTDExLDYgTD= ExLDcgTDEwLDcgTDEwLDYgWiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIwLjY0NzEiIGZpb= GwtcnVsZT0iZXZlbm9kZCIgLz48cGF0aCBkPSJNNSw3IEw1LDYgTDUsNSBMMyw1IEwzLDYgTDMs= NyBMMiw3IEwyLDIgTDMsMiBMMyw0IEw1LDQgTDUsMiBMNiwyIEw2LDcgTDUsNyBaIE0xMSw2IEw= xMCw2IEwxMCw3IEw3LDcgTDcsMiBMMTAsMiBMMTAsMyBMMTEsMyBMMTEsNiBaIE0xMCw0IEwxMC= wzIEw4LDMgTDgsNCBMOCw2IEwxMCw2IEwxMCw0IFoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZ= XZlbm9kZCIgLz48L3N2Zz4=3D"); } .ytp-settings-button.ytp-hdr-quality-badge::after { background-image: url("= data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd= mciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTQgNiIgd2lkdGg9= IjEwMCUiPjxwYXRoIGQ9Ik0zLDUgTDQsNSBMNCw2IEwzLDYgTDMsNSBaIE04LDEgTDgsMiBMNiw= yIEw2LDEgTDgsMSBaIE0xLDQgTDEsMyBMMywzIEwzLDQgTDEsNCBaIE0wLDUgTDEsNSBMMSw2IE= wwLDYgTDAsNSBaIE01LDUgTDgsNSBMOCw2IEw1LDYgTDUsNSBaIE04LDQgTDksNCBMOSw1IEw4L= DUgTDgsNCBaIiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9IjAuNjQ3MSIgLz48cGF0aCBkPSJN= Myw1IEwzLDQgTDMsMyBMMSwzIEwxLDQgTDEsNSBMMCw1IEwwLDAgTDEsMCBMMSwyIEwzLDIgTDM= sMCBMNCwwIEw0LDUgTDMsNSBaIE05LDQgTDgsNCBMOCw1IEw1LDUgTDUsMCBMOCwwIEw4LDEgTD= ksMSBMOSw0IFogTTgsMiBMOCwxIEw2LDEgTDYsMiBMNiw0IEw4LDQgTDgsMiBaIiBmaWxsPSIjZ= mZmIiAvPjxwYXRoIGQ9Ik0xMywyIEwxNCwyIEwxNCwzIEwxMywzIEwxMywyIFogTTEzLDUgTDE0= LDUgTDE0LDYgTDEzLDYgTDEzLDUgWiBNMTEsMyBMMTMsMyBMMTMsNCBMMTEsNCBMMTEsMyBaIE0= xMCw1IEwxMSw1IEwxMSw2IEwxMCw2IEwxMCw1IFogTTExLDEgTDEzLDEgTDEzLDIgTDExLDIgTD= ExLDEgWiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIwLjY0NzEiIC8+PHBhdGggZD0iTTE0L= DMgTDE0LDUgTDEzLDUgTDEzLDQgTDEzLDMgTDE0LDMgWiBNMTEsMCBMMTMsMCBMMTMsMSBMMTEs= MSBMMTEsMiBMMTMsMiBMMTMsMyBMMTEsMyBMMTEsNCBMMTEsNSBMMTAsNSBMMTAsMCBMMTEsMCB= aIE0xMywwIEwxNCwwIEwxNCwyIEwxMywyIEwxMywwIFoiIGZpbGw9IiNmZmYiIC8+PC9zdmc+")= ; height: 6px; width: 14px; right: 3px; border-style: solid; border-color: = rgb(255, 0, 0); border-width: 1px; } .ytp-settings-button.ytp-4k-quality-badge::after { background-image: url("d= ata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdm= ciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTMgOSIgd2lkdGg9I= jEwMCUiPjxwYXRoIGQ9Ik0xMCw0IEwxMSw0IEwxMSw1IEwxMCw1IEwxMCw0IFogTTEwLDcgTDEx= LDcgTDExLDggTDEwLDggTDEwLDcgWiBNOCw1IEwxMCw1IEwxMCw2IEw4LDYgTDgsNSBaIE03LDc= gTDgsNyBMOCw4IEw3LDggTDcsNyBaIE01LDYgTDYsNiBMNiw3IEw1LDcgTDUsNiBaIE00LDcgTD= UsNyBMNSw4IEw0LDggTDQsNyBaIE0yLDYgTDQsNiBMNCw3IEwyLDcgTDIsNiBaIE0zLDQgTDQsN= CBMNCw1IEwzLDUgTDMsNCBaIiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9IjAuNjQ3MSIgZmls= bC1ydWxlPSJldmVub2RkIiAvPjxwYXRoIGQ9Ik0xMSw1IEwxMSw3IEwxMCw3IEwxMCw2IEwxMCw= 1IEwxMSw1IFogTTEwLDUgTDgsNSBMOCw2IEw4LDcgTDcsNyBMNywyIEw4LDIgTDgsNCBMMTAsNC= BMMTAsNSBaIE00LDQgTDMsNCBMMyw1IEw0LDUgTDQsNCBaIE00LDcgTDQsNiBMMiw2IEwyLDQgT= DMsNCBMMywzIEw0LDMgTDQsMiBMNSwyIEw1LDUgTDYsNSBMNiw2IEw1LDYgTDUsNyBMNCw3IFog= TTEwLDIgTDExLDIgTDExLDQgTDEwLDQgTDEwLDIgWiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJ= ldmVub2RkIiAvPjwvc3ZnPg=3D=3D"); } .ytp-settings-button.ytp-5k-quality-badge::after { background-image: url("d= ata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdm= ciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTMgOSIgd2lkdGg9I= jEwMCUiPjxwYXRoIGQ9Ik0xMCw0IEwxMSw0IEwxMSw1IEwxMCw1IEwxMCw0IFogTTEwLDcgTDEx= LDcgTDExLDggTDEwLDggTDEwLDcgWiBNOCw1IEwxMCw1IEwxMCw2IEw4LDYgTDgsNSBaIE03LDc= gTDgsNyBMOCw4IEw3LDggTDcsNyBaIE01LDYgTDYsNiBMNiw3IEw1LDcgTDUsNiBaIE0yLDcgTD= UsNyBMNSw4IEwyLDggTDIsNyBaIE0yLDUgTDUsNSBMNSw2IEwyLDYgTDIsNSBaIiBmaWxsPSIjM= DAwIiBmaWxsLW9wYWNpdHk9IjAuNjQ3MSIgZmlsbC1ydWxlPSJldmVub2RkIiAvPjxwYXRoIGQ9= Ik0xMSw1IEwxMSw3IEwxMCw3IEwxMCw2IEwxMCw1IEwxMSw1IE0xMCw1IEw4LDUgTDgsNiBMOCw= 3IEw3LDcgTDcsMiBMOCwyIEw4LDQgTDEwLDQgTDEwLDUgTTEwLDIgTDExLDIgTDExLDQgTDEwLD= QgTDEwLDIgTTIsNiBMNSw2IEw1LDcgTDIsNyBNNSw1IEw2LDUgTDYsNiBMNSw2IE01LDQgTDMsN= CBMMywzIEw2LDMgTDYsMiBMMiwyIEwyLDUgTDUsNSBMNSw0IFoiIGZpbGw9IiNmZmYiIGZpbGwt= cnVsZT0iZXZlbm9kZCIgLz48L3N2Zz4=3D"); } .ytp-settings-button.ytp-8k-quality-badge::after { background-image: url("d= ata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdm= ciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTMgOSIgd2lkdGg9I= jEwMCUiPjxwYXRoIGQ9Ik0xMCw0IEwxMSw0IEwxMSw1IEwxMCw1IEwxMCw0IFogTTEwLDcgTDEx= LDcgTDExLDggTDEwLDggTDEwLDcgWiBNOCw1IEwxMCw1IEwxMCw2IEw4LDYgTDgsNSBaIE03LDc= gTDgsNyBMOCw4IEw3LDggTDcsNyBaIE01LDYgTDYsNiBMNiw3IEw1LDcgTDUsNiBaIE0zLDUgTD= UsNSBMNSw2IEwzLDYgTDMsNSBaIE0zLDMgTDUsMyBMNSw0IEwzLDQgTDMsMyBaIE01LDQgTDYsN= CBMNiw1IEw1LDUgTDUsNCBaIE0yLDQgTDMsNCBMMyw1IEwyLDUgTDIsNCBaIE0yLDYgTDMsNiBM= Myw3IEwyLDcgTDIsNiBaIE0zLDcgTDUsNyBMNSw4IEwzLDggTDMsNyBaIiBmaWxsPSIjMDAwIiB= maWxsLW9wYWNpdHk9IjAuNjQ3MSIgZmlsbC1ydWxlPSJldmVub2RkIiAvPjxwYXRoIGQ9Ik0xMS= w1IEwxMSw3IEwxMCw3IEwxMCw2IEwxMCw1IEwxMSw1IE0xMCw1IEw4LDUgTDgsNiBMOCw3IEw3L= DcgTDcsMiBMOCwyIEw4LDQgTDEwLDQgTDEwLDUgTTEwLDIgTDExLDIgTDExLDQgTDEwLDQgTDEw= LDIgTTMsNiBMNSw2IEw1LDcgTDMsNyBNMywyIEw1LDIgTDUsMyBMMywzIEwzLDIgWiBNNSw1IEw= 2LDUgTDYsNiBMNSw2IEw1LDUgWiBNMyw0IEw1LDQgTDUsNSBMMyw1IEwzLDQgWiBNNSwzIEw2LD= MgTDYsNCBMNSw0IEw1LDMgWiBNMiw1IEwzLDUgTDMsNiBMMiw2IEwyLDUgWiBNMiwzIEwzLDMgT= DMsNCBMMiw0IEwyLDMgWiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiAvPjwvc3Zn= Pg=3D=3D"); } .ytp-settings-button.ytp-3d-badge-grey::after, .ytp-settings-button.ytp-3d-= badge::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWx= ucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS= 4xIiB2aWV3Qm94PSIwIDAgMTMgOSIgd2lkdGg9IjEwMCUiPjxwYXRoIGQ9Ik0yIDJoNHY1aC00d= i0xaDN2LTFoLTN2LTFoM3YtMWgtM3pNNyAyaDN2MWgtMnYzaDJ2MWgtM3pNMTAgM2gxdjNoLTF6= IiBmaWxsPSIjZmZmIiAvPjxwYXRoIGQ9Ik0yIDNoM3YxaC0zek04IDNoMnYxaC0yek0yIDVoM3Y= xaC0zek0xMCA2aDF2MWgtMXpNMiA3aDR2MWgtNHpNNyA3aDN2MWgtM3oiIGZpbGw9IiMwMDAiIG= ZpbGwtb3BhY2l0eT0iMC42NDcxIiAvPjwvc3ZnPg=3D=3D"); } .ytp-color-white .ytp-settings-button.ytp-hd-quality-badge::after { backgro= und-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53M= y5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAg= MTMgOSIgd2lkdGg9IjEwMCUiPjxwYXRoIGQ9Ik01LDcgTDUsNiBMNSw1IEwzLDUgTDMsNiBMMyw= 3IEwyLDcgTDIsMiBMMywyIEwzLDQgTDUsNCBMNSwyIEw2LDIgTDYsNyBMNSw3IFogTTExLDYgTD= EwLDYgTDEwLDcgTDcsNyBMNywyIEwxMCwyIEwxMCwzIEwxMSwzIEwxMSw2IFogTTEwLDQgTDEwL= DMgTDgsMyBMOCw0IEw4LDYgTDEwLDYgTDEwLDQgWiIgZmlsbC1ydWxlPSJldmVub2RkIiAvPjwv= c3ZnPg=3D=3D"); } .ytp-color-white .ytp-settings-button.ytp-hdr-quality-badge::after { backgr= ound-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53= My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDA= gMTQgNSIgd2lkdGg9IjEwMCUiPjxwYXRoIGQ9Ik0zLDUgTDMsNCBMMywzIEwxLDMgTDEsNCBMMS= w1IEwwLDUgTDAsMCBMMSwwIEwxLDIgTDMsMiBMMywwIEw0LDAgTDQsNSBMMyw1IFogTTksNCBMO= Cw0IEw4LDUgTDUsNSBMNSwwIEw4LDAgTDgsMSBMOSwxIEw5LDQgWiBNOCwyIEw4LDEgTDYsMSBM= NiwyIEw2LDQgTDgsNCBMOCwyIFoiIGZpbGw9IiMwMDAiIC8+PHBhdGggZD0iTTE0LDMgTDE0LDU= gTDEzLDUgTDEzLDQgTDEzLDMgTDE0LDMgWiBNMTMsMyBMMTEsMyBMMTEsNCBMMTEsNSBMMTAsNS= BMMTAsMCBMMTEsMCBMMTEsMiBMMTMsMiBMMTMsMyBaIE0xMywxIEwxMCwxIEwxMCwwIEwxMywwI= EwxNCwwIEwxNCwyIEwxMywyIEwxMywxIFoiIGZpbGw9IiMwMDAiIC8+PC9zdmc+"); } .ytp-color-white .ytp-settings-button.ytp-4k-quality-badge::after { backgro= und-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53M= y5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAg= MTMgOSIgd2lkdGg9IjEwMCUiPjxwYXRoIGQ9Ik0xMSw1IEwxMSw3IEwxMCw3IEwxMCw2IEwxMCw= 1IEwxMSw1IFogTTEwLDUgTDgsNSBMOCw2IEw4LDcgTDcsNyBMNywyIEw4LDIgTDgsNCBMMTAsNC= BMMTAsNSBaIE00LDQgTDMsNCBMMyw1IEw0LDUgTDQsNCBaIE00LDcgTDQsNiBMMiw2IEwyLDQgT= DMsNCBMMywzIEw0LDMgTDQsMiBMNSwyIEw1LDUgTDYsNSBMNiw2IEw1LDYgTDUsNyBMNCw3IFog= TTEwLDIgTDExLDIgTDExLDQgTDEwLDQgTDEwLDIgWiIgZmlsbC1ydWxlPSJldmVub2RkIiAvPjw= vc3ZnPg=3D=3D"); } .ytp-color-white .ytp-settings-button.ytp-5k-quality-badge::after { backgro= und-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53M= y5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAg= MTMgOSIgd2lkdGg9IjEwMCUiPjxwYXRoIGQ9Ik0xMSw1IEwxMSw3IEwxMCw3IEwxMCw2IEwxMCw= 1IEwxMSw1IE0xMCw1IEw4LDUgTDgsNiBMOCw3IEw3LDcgTDcsMiBMOCwyIEw4LDQgTDEwLDQgTD= EwLDUgTTEwLDIgTDExLDIgTDExLDQgTDEwLDQgTDEwLDIgTTIsNiBMNSw2IEw1LDcgTDIsNyBNN= Sw1IEw2LDUgTDYsNiBMNSw2IE01LDQgTDMsNCBMMywzIEw2LDMgTDYsMiBMMiwyIEwyLDUgTDUs= NSBMNSw0IFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz48L3N2Zz4=3D"); } .ytp-color-white .ytp-settings-button.ytp-8k-quality-badge::after { backgro= und-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53M= y5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAg= MTMgOSIgd2lkdGg9IjEwMCUiPjxwYXRoIGQ9Ik0xMSw1IEwxMSw3IEwxMCw3IEwxMCw2IEwxMCw= 1IEwxMSw1IE0xMCw1IEw4LDUgTDgsNiBMOCw3IEw3LDcgTDcsMiBMOCwyIEw4LDQgTDEwLDQgTD= EwLDUgTTEwLDIgTDExLDIgTDExLDQgTDEwLDQgTDEwLDIgTTMsNiBMNSw2IEw1LDcgTDMsNyBNM= ywyIEw1LDIgTDUsMyBMMywzIEwzLDIgWiBNNSw1IEw2LDUgTDYsNiBMNSw2IEw1LDUgWiBNMyw0= IEw1LDQgTDUsNSBMMyw1IEwzLDQgWiBNNSwzIEw2LDMgTDYsNCBMNSw0IEw1LDMgWiBNMiw1IEw= zLDUgTDMsNiBMMiw2IEwyLDUgWiBNMiwzIEwzLDMgTDMsNCBMMiw0IEwyLDMgWiIgZmlsbC1ydW= xlPSJldmVub2RkIiAvPjwvc3ZnPg=3D=3D"); } .ytp-color-white .ytp-settings-button.ytp-3d-badge-grey::after, .ytp-color-= white .ytp-settings-button.ytp-3d-badge::after { background-image: url("dat= a:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmci= IGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTMgOSIgd2lkdGg9IjE= wMCUiPjxwYXRoIGQ9Ik0yIDJoNHY1aC00di0xaDN2LTFoLTN2LTFoM3YtMWgtM3pNNyAyaDN2MW= gtMnYzaDJ2MWgtM3pNMTAgM2gxdjNoLTF6IiBmaWxsPSIjMDAwIiAvPjwvc3ZnPg=3D=3D"); } .ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge::after { top: 15px;= right: 6px; padding: 2px; font-family: Verdana, sans-serif; font-size: 10p= x; font-weight: bold; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0,= 0.6) 0px 2px 0px; background-image: none; border-radius: 1.5px; height: au= to; width: auto; } .ytp-big-mode .ytp-settings-button.ytp-hdr-quality-badge::after { top: 15px= ; right: 6px; padding: 2px; font-family: Verdana, sans-serif; font-weight: = bold; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 0p= x; background-image: none; border-radius: 1.5px; height: auto; width: auto;= } .ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-big-mo= de .ytp-settings-button.ytp-5k-quality-badge::after, .ytp-big-mode .ytp-set= tings-button.ytp-8k-quality-badge::after, .ytp-big-mode .ytp-settings-butto= n.ytp-3d-badge-grey::after, .ytp-big-mode .ytp-settings-button.ytp-3d-badge= ::after { top: 15px; right: 6px; padding: 2px; font-family: Verdana, sans-s= erif; font-size: 10px; font-weight: bold; color: rgb(255, 255, 255); text-s= hadow: rgba(0, 0, 0, 0.6) 0px 2px 0px; background-image: none; border-radiu= s: 1.5px; height: auto; width: auto; } .ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge::af= ter, .ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-hdr-quality-bad= ge::after, .ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-4k-qualit= y-badge::after, .ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-5k-q= uality-badge::after, .ytp-color-white.ytp-big-mode .ytp-settings-button.ytp= -8k-quality-badge::after, .ytp-color-white.ytp-big-mode .ytp-settings-butto= n.ytp-3d-badge-grey::after, .ytp-color-white.ytp-big-mode .ytp-settings-but= ton.ytp-3d-badge::after { color: rgb(0, 0, 0); text-shadow: none; } .ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge::after { content: "= HD"; } .ytp-big-mode .ytp-settings-button.ytp-hdr-quality-badge::after { content: = "HDR"; font-size: 8px; } .ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge::after { content: "= 4K"; } .ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge::after { content: "= 5K"; } .ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge::after { content: "= 8K"; } .ytp-big-mode .ytp-settings-button.ytp-3d-badge-grey::after, .ytp-big-mode = .ytp-settings-button.ytp-3d-badge::after { content: "3D"; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-show-share-title.ytp-share-button { margin-left: 10px; margin-right: 1= 0px; } .ytp-overflow-panel .ytp-show-share-title.ytp-share-button { margin-left: 2= 0px; margin-right: 20px; } .ytp-big-mode .ytp-chrome-top .ytp-share-button, .ytp-chrome-top .ytp-share= -button { width: auto; height: auto; } .html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-share-button { = min-width: 48px; max-width: 80px; } .ytp-share-icon { margin: auto; width: 36px; height: 36px; } .ytp-big-mode .ytp-share-icon { width: 54px; height: 54px; } .ytp-overflow-panel .ytp-share-icon { width: 60px; height: 60px; margin-bot= tom: 10px; } .ytp-share-title { font-weight: 500; text-align: center; font-size: 14px; d= isplay: none; } .ytp-big-mode .ytp-share-title, .ytp-overflow-panel .ytp-share-title { font= -size: 20px; } .ytp-show-share-title .ytp-share-title { display: block; } .html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-share-title { t= ext-overflow: ellipsis; overflow: hidden; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-share-panel { position: absolute; top: 0px; left: 0px; width: 100%; he= ight: 100%; z-index: 75; background: rgba(0, 0, 0, 0.8); text-align: center= ; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-share-panel[aria-hidden=3D"true"] { opacity: 0; transition: opacity 0.= 25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-share-panel-inner-content { position: absolute; top: 50%; margin-top: = -65px; left: 0px; right: 0px; padding: 0px 10%; } .ytp-big-mode .ytp-share-panel-inner-content { margin-top: -98px; } .ytp-share-panel.ytp-share-panel-has-playlist .ytp-share-panel-inner-conten= t { margin-top: -78.5px; } .ytp-big-mode .ytp-share-panel.ytp-share-panel-has-playlist .ytp-share-pane= l-inner-content { margin-top: -118.25px; } .ytp-share-panel-loading-spinner { display: none; margin: 20px auto 0px; wi= dth: 32px; height: 32px; position: relative; } .ytp-big-mode .ytp-share-panel-loading-spinner { margin-top: 30px; } .ytp-share-panel.ytp-share-panel-loading .ytp-share-panel-loading-spinner {= display: block; } .ytp-share-panel-close { position: absolute; top: 6px; right: 12px; padding= : 6px; width: 36px; height: 36px; } .ytp-big-mode .ytp-share-panel-close { top: 9px; right: 24px; padding: 9px;= width: 54px; height: 54px; } .ytp-share-panel-close path { fill: rgb(170, 170, 170); } .ytp-share-panel-close:hover path { fill: rgb(255, 255, 255); } .ytp-share-panel-title { font-size: 155%; line-height: 20px; } .ytp-big-mode .ytp-share-panel-title { line-height: 30px; } .ytp-share-panel-link { display: block; height: 28px; margin-top: 18px; tex= t-overflow: ellipsis; font-size: 218%; font-weight: 500; letter-spacing: 1p= x; white-space: nowrap; overflow: hidden; outline: none; } .ytp-big-mode .ytp-share-panel-link { height: 42px; margin-top: 27px; } .ytp-share-panel-include-playlist { display: none; line-height: 15px; margi= n-top: 12px; font-size: 118%; color: rgb(153, 153, 153); } .ytp-big-mode .ytp-share-panel-include-playlist { line-height: 22.5px; marg= in-top: 18px; } .ytp-share-panel-include-playlist input[type=3D"checkbox"] { margin: 0px 8p= x 0px 0px; } .ytp-share-panel.ytp-share-panel-has-playlist .ytp-share-panel-include-play= list { display: block; } .ytp-share-panel-service-buttons { margin-top: 20px; height: 44px; } .ytp-big-mode .ytp-share-panel-service-buttons { margin-top: 30px; height: = 67px; } .ytp-share-panel.ytp-share-panel-fail .ytp-share-panel-service-buttons, .yt= p-share-panel.ytp-share-panel-loading .ytp-share-panel-service-buttons { di= splay: none; } .ytp-share-panel-service-button { padding: 3px; width: 38px; height: 38px; = display: inline-block; } .ytp-big-mode .ytp-share-panel-service-button { padding: 5px; width: 57px; = height: 57px; } .ytp-share-panel-error { display: none; margin-top: 20px; font-size: 109%; = } .ytp-big-mode .ytp-share-panel-error { margin-top: 30px; } .ytp-share-panel-fail .ytp-share-panel-error { display: block; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-skip-intro-button { background: rgba(0, 0, 0, 0.9); bottom: 50px; heig= ht: 40px; padding-left: 16px; padding-right: 16px; right: 10px; z-index: 10= ; } .ytp-exp-bigger-button-like-mobile .ytp-skip-intro-button { bottom: 58px; h= eight: 48px; } .ytp-skip-intro-button:hover { background: rgb(0, 0, 0); } .ytp-big-mode .ytp-skip-intro-button { bottom: 79px; right: 40px; } .ytp-skip-intro-button-text { display: inline-block; font-family: Roboto, A= rial, sans-serif; font-size: 14px; font-weight: 500; max-width: 200px; over= flow: hidden; text-overflow: ellipsis; text-transform: uppercase; vertical-= align: middle; white-space: nowrap; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-spinner { position: absolute; left: 50%; top: 50%; width: 64px; margin= -left: -32px; z-index: 18; pointer-events: none; } .ytp-big-mode .ytp-spinner { width: 128px; margin-left: -64px; } .ytp-spinner-message { position: absolute; left: 50%; margin-top: 50%; widt= h: 300px; font-size: 127%; line-height: 182%; margin-left: -150px; display:= none; text-align: center; background-color: black; opacity: 0.5; } .ytp-spinner-container { pointer-events: none; position: absolute; width: 1= 00%; padding-bottom: 100%; top: 50%; left: 50%; margin-top: -50%; margin-le= ft: -50%; animation: 1568.24ms linear 0s infinite normal none running ytp-s= pinner-linspin; } .ytp-spinner-rotator { position: absolute; width: 100%; height: 100%; anima= tion: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running y= tp-spinner-easespin; } .ytp-spinner-left { position: absolute; top: 0px; left: 0px; bottom: 0px; o= verflow: hidden; } .ytp-spinner-right { position: absolute; top: 0px; right: 0px; bottom: 0px;= overflow: hidden; } .ytp-spinner-left { right: 49%; } .ytp-spinner-right { left: 49%; } .ytp-spinner-circle { box-sizing: border-box; position: absolute; width: 20= 0%; height: 100%; border-style: solid; border-color: rgb(221, 221, 221) rgb= (221, 221, 221) transparent; border-radius: 50%; border-width: 6px; } .ytp-big-mode .ytp-spinner-circle { border-width: 12px; } .ytp-spinner-left .ytp-spinner-circle { left: 0px; right: -100%; border-rig= ht-color: transparent; animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s in= finite normal both running ytp-spinner-left-spin; } .ytp-spinner-right .ytp-spinner-circle { left: -100%; right: 0px; border-le= ft-color: transparent; animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s in= finite normal both running ytp-right-spin; } @-webkit-keyframes ytp-spinner-linspin {=20 100% { transform: rotate(360deg); } } @keyframes ytp-spinner-linspin {=20 100% { transform: rotate(360deg); } } @-webkit-keyframes ytp-spinner-easespin {=20 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(1080deg); } } @keyframes ytp-spinner-easespin {=20 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(1080deg); } } @-webkit-keyframes ytp-spinner-left-spin {=20 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); } } @keyframes ytp-spinner-left-spin {=20 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); } } @-webkit-keyframes ytp-right-spin {=20 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); } } @keyframes ytp-right-spin {=20 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-suggested-action { display: flex; -webkit-box-orient: horizontal; -web= kit-box-direction: normal; flex-direction: row; justify-content: left; } .ytp-suggested-action-badge { z-index: 35; position: absolute; bottom: 16px= ; left: 16px; background-color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(= 255, 255, 255, 0.3); border-radius: 34px; height: 34px; width: 34px; paddin= g: 7px; display: flex; -webkit-box-orient: horizontal; -webkit-box-directio= n: normal; flex-direction: row; -webkit-box-align: center; align-items: cen= ter; overflow: hidden; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1)= 0s, background-color 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, transform 0.2s cu= bic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, = 0.2, 1) 0s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; opacity: 1; transfo= rm: translateY(0px); } .ytp-suggested-action-badge[aria-hidden=3D"true"] { transition: opacity 0.1= s cubic-bezier(0.4, 0, 1, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1= ) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, width 0.2s cu= bic-bezier(0.4, 0, 0.2, 1) 0s; opacity: 0; } .ytp-suggested-action-badge:hover { transition: opacity 0.25s cubic-bezier(= 0, 0, 0.2, 1) 0s, background-color 0.1s cubic-bezier(0, 0, 0.2, 1) 0s, tran= sform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-be= zier(0.4, 0, 0.2, 1) 0s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; backgr= ound-color: rgba(33, 33, 33, 0.95); } .ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls { tran= sform: translateY(-41px); } .ytp-suggested-action-badge.ytp-suggested-action-badge-fullscreen.ytp-sugge= sted-action-badge-with-controls { transform: translateY(-62px); } .ytp-suggested-action-badge.ytp-suggested-action-badge-expanded { width: au= to; } .ytp-suggested-action-badge-icon { height: 18px; width: 18px; background: u= rl("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwM= C9zdmciIGZpbGw9IiNmZmYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9= IjM2Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik0xOCA= 2aC0yYzAtMi4yMS0xLjc5LTQtNC00UzggMy43OSA4IDZINmMtMS4xIDAtMiAuOS0yIDJ2MTJjMC= AxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlY4YzAtMS4xLS45LTItMi0yem0tNi0yYzEuM= SAwIDIgLjkgMiAyaC00YzAtMS4xLjktMiAyLTJ6bTYgMTZINlY4aDJ2MmMwIC41NS40NSAxIDEg= MXMxLS40NSAxLTFWOGg0djJjMCAuNTUuNDUgMSAxIDFzMS0uNDUgMS0xVjhoMnYxMnoiIC8+PC9= zdmc+") 0% 0% / contain; flex-shrink: 0; } .ytp-suggested-action-badge-title { font-size: 14px; font-weight: 400; colo= r: rgb(255, 255, 255); margin-left: 6px; margin-right: 12px; cursor: pointe= r; } .ytp-suggested-action-badge-dismiss-button-icon { height: 18px; width: 18px= ; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy= 53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyN= CAyNCIgd2lkdGg9IjM2Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxw= YXRoIGQ9Ik0xMiAyQzYuNDcgMiAyIDYuNDcgMiAxMnM0LjQ3IDEwIDEwIDEwIDEwLTQuNDcgMTA= tMTBTMTcuNTMgMiAxMiAyem01IDEzLjU5TDE1LjU5IDE3IDEyIDEzLjQxIDguNDEgMTcgNyAxNS= 41OSAxMC41OSAxMiA3IDguNDEgOC40MSA3IDEyIDEwLjU5IDE1LjU5IDcgMTcgOC40MSAxMy40M= SAxMiAxNyAxNS41OXoiIC8+PC9zdmc+") 0% 0% / contain; opacity: 0.6; transition= : opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-suggested-action-badge-dismiss-button-icon:hover { opacity: 1; transit= ion: opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; } .ytp-suggested-action-badge-expanded-content-container { display: flex; -we= bkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction:= row; -webkit-box-align: center; align-items: center; flex-shrink: 0; trans= ition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; opacity: 1; } .ytp-suggested-action-badge-expanded-content-container[aria-hidden=3D"true"= ] { transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; opacity: 0; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-title { overflow: hidden; -webkit-box-flex: 1; flex: 1 1 0%; display: = flex; } .ytp-title-text { vertical-align: top; padding-top: 12px; font-size: 18px; = -webkit-box-flex: 1; flex: 1 1 0%; } .ytp-big-mode .ytp-title-text { padding-top: 18px; font-size: 27px; } .ytp-embed:not(.ad-showing) .ytp-title-text { padding-top: 21px; } .ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-title-text { padding-top: 36p= x; } .ytp-title-subtext { font-size: 14px; overflow: hidden; white-space: nowrap= ; overflow-wrap: normal; text-overflow: ellipsis; } .ytp-big-mode .ytp-title-subtext { font-size: 20px; } .ytp-title-subtext a:empty { display: none; } .ytp-title-text { max-width: 100%; padding-left: 4px; overflow: hidden; whi= te-space: nowrap; overflow-wrap: normal; text-overflow: ellipsis; } .ytp-big-mode .ytp-title-text { padding-left: 6px; } .ytp-title-fullerscreen-link { cursor: default; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-menuitem-toggle-checkbox { height: 14px; width: 36px; float: right; po= sition: relative; border-radius: 14px; background: rgba(255, 255, 255, 0.3)= ; transition: all 0.08s cubic-bezier(0.4, 0, 1, 1) 0s; transform: scale(1);= } .ytp-big-mode .ytp-menuitem-toggle-checkbox { height: 21px; width: 54px; bo= rder-radius: 21px; } .ytp-menuitem[aria-checked=3D"true"] .ytp-menuitem-toggle-checkbox { backgr= ound: rgb(255, 0, 0); } .ytp-contextmenu .ytp-menuitem-toggle-checkbox { border-radius: 0px; height= : 24px; width: 24px; } .ytp-contextmenu.ytp-big-mode .ytp-menuitem-toggle-checkbox { height: 36px;= width: 36px; } .ytp-contextmenu .ytp-menuitem .ytp-menuitem-toggle-checkbox { background: = none; } .ytp-contextmenu .ytp-menuitem[aria-checked=3D"true"] .ytp-menuitem-toggle-= checkbox { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0c= DovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3= Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxMDAlIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS4= 0IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=3D= "); } .ytp-contextmenu .ytp-menuitem-toggle-checkbox::after { content: none; } .ytp-contextmenu .ytp-menuitem[aria-checked=3D"true"] .ytp-menuitem-toggle-= checkbox::before, .ytp-big-mode .ytp-contextmenu .ytp-menuitem[aria-checked= =3D"true"] .ytp-menuitem-toggle-checkbox::before { transform: none; } .ytp-menuitem-toggle-checkbox::after { content: ""; position: absolute; top= : 0px; left: 0px; height: 20px; width: 20px; border-radius: 20px; margin-to= p: -3px; background-color: rgb(189, 189, 189); box-shadow: rgba(0, 0, 0, 0.= 6) 0px 1px 5px 0px; transition: all 0.08s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-big-mode .ytp-menuitem-toggle-checkbox::after { left: 0px; height: 30p= x; width: 30px; border-radius: 30px; margin-top: -4.5px; } .ytp-menuitem[aria-checked=3D"true"] .ytp-menuitem-toggle-checkbox::after {= background-color: rgb(255, 255, 255); transform: translateX(16px); } .ytp-big-mode .ytp-menuitem[aria-checked=3D"true"] .ytp-menuitem-toggle-che= ckbox::after { transform: translateX(24px); } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-unmute.ytp-popup { position: absolute; top: 36px; left: 0px; z-index: = 1001; text-transform: uppercase; color: rgb(0, 0, 0); font-size: 127%; font= -weight: 500; background: none; padding: 12px; } .ytp-big-mode .ytp-unmute.ytp-popup { top: 30px; padding: 18px; } .ytp-autohide .ytp-unmute, .ytp-hide-info-bar .ytp-unmute { top: 0px; } .ytp-unmute-inner { padding-left: 3px; padding-right: 12px; background-colo= r: white; border-radius: 2px; border-bottom: 1px solid rgb(241, 241, 241); = text-shadow: none; } .ytp-big-mode .ytp-unmute-inner { padding-left: 5px; padding-right: 18px; } .ytp-unmute-icon { width: 40px; height: 40px; display: inline-block; vertic= al-align: middle; } .ytp-exp-bigger-button-like-mobile .ytp-unmute-icon { width: 48px; height: = 48px; } .ytp-unmute-icon .ytp-svg-fill { fill: rgb(0, 0, 0); } .ytp-unmute-text { max-width: 200px; white-space: nowrap; overflow: hidden;= text-overflow: ellipsis; vertical-align: middle; display: inline-block; } .ytp-big-mode .ytp-unmute-icon { width: 54px; height: 54px; } .ytp-unmute.ytp-popup.ytp-unmute-animated .ytp-unmute-inner { position: rel= ative; background-color: transparent; border-bottom: none; padding: 0px; } .ytp-unmute-animated .ytp-unmute-icon { padding-left: 2px; position: relati= ve; z-index: 10; background-color: white; border-radius: 2px; border-bottom= : 1px solid rgb(241, 241, 241); } .ytp-unmute-animated .ytp-unmute-box { display: block; background-color: wh= ite; position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: 2= px; border-bottom: 1px solid rgb(241, 241, 241); } .ytp-unmute-animated .ytp-unmute-text { position: relative; z-index: 10; pa= dding-top: 1px; padding-right: 10px; } .ytp-unmute-expand .ytp-unmute-box { width: 0px; animation: 0.5s cubic-bezi= er(0, 0, 0.2, 1) 3.5s 1 normal forwards running ytp-unmute-width-anim; } .ytp-unmute-expand .ytp-unmute-text { opacity: 0; animation: 0.25s cubic-be= zier(0, 0, 0.2, 1) 3.8s 1 normal forwards running ytp-unmute-alpha-anim; } .ytp-unmute-shrink .ytp-unmute-box { width: 100%; animation: 0.5s cubic-bez= ier(0.4, 0, 1, 1) 5.5s 1 reverse forwards running ytp-unmute-width-anim; } .ytp-unmute-shrink .ytp-unmute-text { opacity: 1; animation: 0.25s cubic-be= zier(0.4, 0, 1, 1) 5.4s 1 reverse forwards running ytp-unmute-alpha-anim; } @-webkit-keyframes ytp-unmute-width-anim {=20 0% { width: 0px; } 100% { width: 100%; } } @keyframes ytp-unmute-width-anim {=20 0% { width: 0px; } 100% { width: 100%; } } @-webkit-keyframes ytp-unmute-alpha-anim {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ytp-unmute-alpha-anim {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .html5-video-info-panel { background: rgba(28, 28, 28, 0.8); border-radius:= 4px; color: rgb(255, 255, 255); left: 10px; position: absolute; top: 10px;= z-index: 64; min-width: 26em; } .html5-video-info-panel-close { cursor: pointer; position: absolute; right:= 5px; top: 5px; } .html5-video-info-panel-content { padding: 5px; } .html5-video-info-panel-content > div > div { display: inline-block; font-w= eight: 500; padding: 0px 0.5em; text-align: right; width: 10em; } .ytp-horizonchart { display: inline-block; margin: 2px; position: relative;= vertical-align: bottom; } .ytp-horizonchart > span { display: inline-block; position: absolute; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-video-menu-item { display: block; height: 44px; padding: 10px; } .ytp-big-mode .ytp-video-menu-item { height: 66px; padding: 15px; } .ytp-video-menu-item[aria-checked=3D"true"] { background-color: rgba(255, 2= 55, 255, 0.1); } .ytp-video-menu-item:hover, .ytp-video-menu-item[aria-checked=3D"true"]:hov= er { background-color: rgba(255, 255, 255, 0.15); } .ytp-video-menu-item-now-playing, .ytp-video-menu-item-index { padding-righ= t: 9px; min-width: 10px; height: 44px; line-height: 44px; float: left; } .ytp-big-mode .ytp-video-menu-item-now-playing, .ytp-big-mode .ytp-video-me= nu-item-index { padding-right: 13px; height: 66px; line-height: 66px; } .ytp-video-menu-item-now-playing { display: none; color: rgb(255, 0, 0); } .ytp-color-white .ytp-video-menu-item-now-playing { color: rgb(221, 221, 22= 1); } .ytp-color-party .ytp-video-menu-item-now-playing { animation: 0.15s linear= 0s infinite normal none running ytp-party-color; } .ytp-video-menu-item[aria-checked=3D"true"] .ytp-video-menu-item-now-playin= g { display: inline; } .ytp-video-menu-item[aria-checked=3D"true"] .ytp-video-menu-item-index { di= splay: none; } .ytp-video-menu-item-title { padding-left: 9px; font-size: 120%; max-height= : 2.6em; overflow: hidden; } .ytp-video-menu-item-author { padding-left: 9px; color: rgb(184, 184, 184);= overflow: hidden; white-space: nowrap; overflow-wrap: normal; text-overflo= w: ellipsis; } .ytp-video-menu-item-thumbnail { float: left; width: 64px; height: 36px; ma= rgin: 4px; border: 0px solid rgb(255, 0, 0); background-position: 0px -6px;= background-size: 64px 48px; } .ytp-color-white .ytp-video-menu-item-thumbnail { border-color: rgb(221, 22= 1, 221); } .ytp-color-party .ytp-video-menu-item-thumbnail { animation: 0.1s linear 0s= infinite normal none running ytp-party-background-color; } .ytp-big-mode .ytp-video-menu-item-thumbnail { width: 96px; height: 54px; m= argin: 6px; background-position: 0px -9px; background-size: 96px 72px; } .ytp-video-menu-item[aria-checked=3D"true"] .ytp-video-menu-item-thumbnail = { margin: 2px; border-width: 2px; } .ytp-big-mode .ytp-video-menu-item[aria-checked=3D"true"] .ytp-video-menu-i= tem-thumbnail { margin: 4px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-show-watch-later-title.ytp-watch-later-button { margin-left: 10px; mar= gin-right: 10px; } .ytp-overflow-panel .ytp-show-watch-later-title.ytp-watch-later-button { ma= rgin-left: 20px; margin-right: 20px; } .ytp-big-mode .ytp-chrome-top .ytp-watch-later-button, .ytp-chrome-top .ytp= -watch-later-button { width: auto; height: auto; } .html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-watch-later-but= ton { min-width: 48px; max-width: 80px; } .ytp-watch-later-icon { margin: auto; width: 36px; height: 36px; position: = relative; } .ytp-big-mode .ytp-watch-later-icon { width: 54px; height: 54px; } .ytp-overflow-panel .ytp-watch-later-icon { width: 60px; height: 60px; marg= in-bottom: 10px; } .ytp-watch-later-title { font-weight: 500; text-align: center; font-size: 1= 4px; display: none; } .ytp-big-mode .ytp-watch-later-title, .ytp-overflow-panel .ytp-watch-later-= title { font-size: 20px; } .ytp-show-watch-later-title .ytp-watch-later-title { display: block; } .html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-watch-later-tit= le { text-overflow: ellipsis; overflow: hidden; } .ytp-watch-later-icon .ytp-spinner-container { width: 20px; padding-bottom:= 20px; margin-top: -10px; margin-left: -10px; } .ytp-big-mode .ytp-watch-later-icon .ytp-spinner-container { width: 35px; p= adding-bottom: 35px; margin-top: -17.5px; margin-left: -17.5px; } .ytp-watch-later-icon .ytp-spinner-circle { border-width: 3px; } .ytp-big-mode .ytp-watch-later-icon .ytp-spinner-circle { border-width: 5px= ; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-drawer { position: absolute; top: 0px; right: 0px; bottom: 0px; width:= 350px; text-align: center; overflow: hidden; z-index: 65; transition: widt= h 0.25s cubic-bezier(0, 0, 0.2, 1) 0s, bottom 0.25s cubic-bezier(0, 0, 0.2,= 1) 0s; } .ytp-autohide .ytp-drawer { bottom: -6px; transition: width 0.25s cubic-bez= ier(0.4, 0, 1, 1) 0s, bottom 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-big-mode .ytp-drawer { width: 425px; } .ytp-drawer-closed { width: 25px; } .ytp-big-mode .ytp-drawer-closed { width: 38px; } .ytp-drawer-content { position: absolute; left: 0px; top: 0px; width: 350px= ; height: 100%; padding: 40px 10px 10px; background: rgba(0, 0, 0, 0.8); bo= x-sizing: border-box; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) = 0s; } .ytp-big-mode .ytp-drawer-content { width: 425px; padding: 70px 15px 15px; = } .ytp-drawer-closed .ytp-drawer-content { opacity: 0; transition: opacity 0.= 25s cubic-bezier(0.4, 0, 1, 1) 0s; } .ytp-drawer-close-button { position: absolute; right: 0px; top: 0px; width:= 24px; height: 24px; padding: 5px; fill: white; } .ytp-big-mode .ytp-drawer-close-button { width: 36px; height: 36px; padding= : 7px; } .ytp-drawer-closed .ytp-drawer-close-button { display: none; } .ytp-drawer-open-button { display: none; position: absolute; top: 50%; left= : 0px; width: 15px; height: 32px; margin-top: -16px; padding: 10px 5px; bac= kground: rgba(0, 0, 0, 0.7); } .ytp-big-mode .ytp-drawer-open-button { width: 23px; height: 48px; margin-t= op: -24px; padding: 15px 8px; } .ytp-drawer-closed .ytp-drawer-open-button { display: block; } .ytp-drawer-open-button::after { display: inline-block; border-top: 5px sol= id transparent; border-right: 5px solid rgb(170, 170, 170); border-bottom: = 5px solid transparent; border-image: initial; border-left: none; content: "= "; } .ytp-big-mode .ytp-drawer-open-button::after { border-bottom-width: 8px; bo= rder-right-width: 8px; border-top-width: 8px; } .html5-ypc-module { line-height: 1.2; text-align: left; } .html5-ypc-action-heading { margin-bottom: 5px; font-size: 18px; color: rgb= (153, 153, 153); } .ytp-small-mode .html5-ypc-action-heading { display: none; } .html5-ypc-title { font-size: 20px; } .html5-ypc-thumbnail { float: left; } .html5-ypc-thumbnail img { width: 100px; margin: 0px 10px 10px 0px; } .html5-ypc-thumbnail img.avatar { border-radius: 50%; overflow: hidden; } .ytp-small-mode .html5-ypc-thumbnail img { width: 50px; } .ytp-big-mode .html5-ypc-thumbnail img { width: 150px; margin: 0px 15px 18p= x 0px; } .html5-ypc-description { font-size: 14px; } .ytp-small-mode .html5-ypc-description { margin-top: 10px; } .ytp-big-mode .html5-ypc-description { margin-top: 38px; } .html5-ypc-purchase { font-weight: 500; font-size: 14px; margin: 12px 0px; = padding: 10px 20px; border-radius: 2px; background: rgb(39, 147, 230); text= -transform: uppercase; } .ytp-big-mode .html5-ypc-purchase { margin: 18px 0px; padding: 15px 20px; b= order-radius: 3px; } .html5-ypc-purchase:hover { background: rgb(18, 109, 179); } .html5-ypc-purchase-refined { font-weight: 500; font-size: 14px; position: = absolute; right: 0px; bottom: 0px; margin-right: 12px; padding: 10px 20px; = border-radius: 2px; background: rgba(0, 0, 0, 0.7); text-transform: upperca= se; overflow: hidden; z-index: 67; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px = 2px; } .ytp-big-mode .html5-ypc-purchase-refined { padding: 15px 20px; margin-righ= t: 18px; border-radius: 3px; } .html5-ypc-purchase-refined-highlighted { background: rgb(6, 95, 212); } .html5-ypc-purchase-refined-inactive-playback { bottom: 24px; } .html5-ypc-overlay { position: absolute; bottom: 0px; padding: 5px; margin-= left: 12px; overflow: hidden; z-index: 67; pointer-events: none; text-shado= w: rgba(0, 0, 0, 0.5) 0px 0px 2px; } .ytp-big-mode .html5-ypc-overlay { padding: 8px; margin-left: 24px; } .html5-ypc-endscreen { display: none; position: absolute; inset: 0px; paddi= ng: 51px 21px 21px; background: rgba(0, 0, 0, 0.75); z-index: 34; } .ytp-small-mode .html5-ypc-endscreen { padding-top: 21px; } @keyframes ytp-party-background-color {=20 0% { background-color: rgb(255, 0, 0); } 20% { background-color: rgb(0, 255, 0); } 40% { background-color: rgb(0, 0, 255); } 60% { background-color: rgb(255, 0, 255); } 80% { background-color: rgb(255, 255, 0); } 100% { background-color: rgb(0, 255, 255); } } @keyframes ytp-party-color {=20 0% { color: rgb(255, 0, 0); } 20% { color: rgb(0, 255, 0); } 40% { color: rgb(0, 0, 255); } 60% { color: rgb(255, 0, 255); } 80% { color: rgb(255, 255, 0); } 100% { color: rgb(0, 255, 255); } } @keyframes ytp-party-fill {=20 0% { fill: rgb(255, 0, 0); } 20% { fill: rgb(0, 255, 0); } 40% { fill: rgb(0, 0, 255); } 60% { fill: rgb(255, 0, 255); } 80% { fill: rgb(255, 255, 0); } 100% { fill: rgb(0, 255, 255); } } .ytp-yto-preroll-message { display: none; position: absolute; bottom: 0px; = padding: 5px; margin-left: 12px; overflow: hidden; z-index: 66; pointer-eve= nts: none; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; } .ytp-yto-preroll .ytp-yto-preroll-message { display: block; } ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://10165467.fls.doubleclick.net/activityi;dc_pre=CI2jmdDfm-8CFQcSvQodRhgDBg;src=10165467;type=white0;cat=allsi0;ord=1;num=2990100049432;gtm=2wg2o0;auiddc=288053648.1614181535;~oref=https%3A%2F%2Fwww.whitehatjr.com%2F?

------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: https://adservice.google.com/ddm/fls/z/dc_pre=CI2jmdDfm-8CFQcSvQodRhgDBg;src=10165467;type=white0;cat=allsi0;ord=1;num=2990100049432;gtm=2wg2o0;auiddc=*;~oref=https%3A%2F%2Fwww.whitehatjr.com%2F R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://vars.hotjar.com/box-469cf41adb11dc78be68c1ae7f9457a4.html ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://www.whitehatjr.com/ ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://www.whitehatjr.com/ ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable ------MultipartBoundary--xpcEp9rRIv0phIeZZRBCsFGCYqCNs6swzk6Q9mLNj5------

WhitehatJr Live 1:1 Online Classes

Learn to Code

Create with Math

26 of our students will collaborate with the leaders of Silicon Valley

Make your kid a creato= r for life by unlocking these milestones

Join 1 million+ students worldwide, certified by WhiteHat Jr

Shreya Kathare - Age 11 , Class 5

Roy Nunez

Dhruva Shah - Age 13 , Class 8

Anthony Watkins

Shridhar Shrivastav - Age 13 , Class 8

Skandini Nandan - Age 13 , Class 8

Christian Sheeder

Kiara Bhandari - Age 8 , Class 3

Why Coding for Kids?

Your kids can learn logic, structure, sequence and creative expression<= /h6>

Your Kids Will Learn

WhiteHat Jr Superstars

1/5

2/5

3/5

4/5

5/5

Saira=E2=80=99s video, Age 9, WhiteHat Jr Coder

750,000 = Student Projects & Counting

Ambulance Whizz

Brinda

School Chat App

Shreyans Shah

DYSXA App

Shouradeep Sarkar

Pat a Pet App

Agastya Yadav

The Escape Game

Aaron Ghosh

Ambulance Whizz

Brinda

School Chat App

Shreyans Shah

DYSXA App

Shouradeep Sarkar

Pat a Pet App

Agastya Yadav

The Escape Game

Aaron Ghosh

Curriculum & Pricing

Beginner

Intermediate

Advanced

Professional

Applied Tech

Introduction to Coding

Curriculum Includes

Rs. 5,999

Achievements

Advance Coding with Space Tech

Curriculum Includes

Rs. 99,999

Achievements

App Developer Certificate

Curriculum Includes

Rs. 33,999

Achievements

Introduction to Coding

Curriculum Includes

Rs. 5,999

Achievements

Advance Coding with Space Tech

Curriculum Includes

Rs. 99,999

Achievements

App Developer Certificate

Curriculum Includes

Rs. 33,999

Achievements

Introduction to Coding

Curriculum Includes

Rs. 5,999

Achievements

Advance Coding with Space Tech

Join 1 million+ students worldwide,
certified by WhiteHat Jr

Saira=E2=80=99s video, Age 9,
WhiteHat Jr Coder